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.event.needs-action DIV.text
 906 { background-image: url("needs-action.png");
 907   background-repeat: no-repeat;
 908   background-position: 98% 95%; }
 909
 910 DIV.event.accepted DIV.text
 911 { background-image: url("accepted.png");
 912   background-repeat: no-repeat;
 913   background-position: 98% 95%; }
 914
 915 DIV.event.declined DIV.text
 916 { background-image: url("declined.png");
 917   background-repeat: no-repeat;
 918   background-position: 98% 95%; }
 919
 920 DIV.event.tentative DIV.text
 921 { background-image: url("tentative.png");
 922   background-repeat: no-repeat;
 923   background-position: 98% 95%; }
 924
 925 DIV#daysView DIV[class~="event"].starts0
 926 { top: 0.000000%; }
 927
 928 DIV#daysView DIV[class~="event"].starts1
 929 { top: 1.041667%; }
 930
 931 DIV#daysView DIV[class~="event"].starts2
 932 { top: 2.083333%; }
 933
 934 DIV#daysView DIV[class~="event"].starts3
 935 { top: 3.125000%; }
 936
 937 DIV#daysView DIV[class~="event"].starts4
 938 { top: 4.166667%; }
 939
 940 DIV#daysView DIV[class~="event"].starts5
 941 { top: 5.208333%; }
 942
 943 DIV#daysView DIV[class~="event"].starts6
 944 { top: 6.250000%; }
 945
 946 DIV#daysView DIV[class~="event"].starts7
 947 { top: 7.291667%; }
 948
 949 DIV#daysView DIV[class~="event"].starts8
 950 { top: 8.333333%; }
 951
 952 DIV#daysView DIV[class~="event"].starts9
 953 { top: 9.375000%; }
 954
 955 DIV#daysView DIV[class~="event"].starts10
 956 { top: 10.416667%; }
 957
 958 DIV#daysView DIV[class~="event"].starts11
 959 { top: 11.458333%; }
 960
 961 DIV#daysView DIV[class~="event"].starts12
 962 { top: 12.500000%; }
 963
 964 DIV#daysView DIV[class~="event"].starts13
 965 { top: 13.541667%; }
 966
 967 DIV#daysView DIV[class~="event"].starts14
 968 { top: 14.583333%; }
 969
 970 DIV#daysView DIV[class~="event"].starts15
 971 { top: 15.625000%; }
 972
 973 DIV#daysView DIV[class~="event"].starts16
 974 { top: 16.666667%; }
 975
 976 DIV#daysView DIV[class~="event"].starts17
 977 { top: 17.708333%; }
 978
 979 DIV#daysView DIV[class~="event"].starts18
 980 { top: 18.750000%; }
 981
 982 DIV#daysView DIV[class~="event"].starts19
 983 { top: 19.791667%; }
 984
 985 DIV#daysView DIV[class~="event"].starts20
 986 { top: 20.833333%; }
 987
 988 DIV#daysView DIV[class~="event"].starts21
 989 { top: 21.875000%; }
 990
 991 DIV#daysView DIV[class~="event"].starts22
 992 { top: 22.916667%; }
 993
 994 DIV#daysView DIV[class~="event"].starts23
 995 { top: 23.958333%; }
 996
 997 DIV#daysView DIV[class~="event"].starts24
 998 { top: 25.000000%; }
 999
1000 DIV#daysView DIV[class~="event"].starts25
1001 { top: 26.041667%; }
1002
1003 DIV#daysView DIV[class~="event"].starts26
1004 { top: 27.083333%; }
1005
1006 DIV#daysView DIV[class~="event"].starts27
1007 { top: 28.125000%; }
1008
1009 DIV#daysView DIV[class~="event"].starts28
1010 { top: 29.166667%; }
1011
1012 DIV#daysView DIV[class~="event"].starts29
1013 { top: 30.208333%; }
1014
1015 DIV#daysView DIV[class~="event"].starts30
1016 { top: 31.250000%; }
1017
1018 DIV#daysView DIV[class~="event"].starts31
1019 { top: 32.291667%; }
1020
1021 DIV#daysView DIV[class~="event"].starts32
1022 { top: 33.333333%; }
1023
1024 DIV#daysView DIV[class~="event"].starts33
1025 { top: 34.375000%; }
1026
1027 DIV#daysView DIV[class~="event"].starts34
1028 { top: 35.416667%; }
1029
1030 DIV#daysView DIV[class~="event"].starts35
1031 { top: 36.458333%; }
1032
1033 DIV#daysView DIV[class~="event"].starts36
1034 { top: 37.500000%; }
1035
1036 DIV#daysView DIV[class~="event"].starts37
1037 { top: 38.541667%; }
1038
1039 DIV#daysView DIV[class~="event"].starts38
1040 { top: 39.583333%; }
1041
1042 DIV#daysView DIV[class~="event"].starts39
1043 { top: 40.625000%; }
1044
1045 DIV#daysView DIV[class~="event"].starts40
1046 { top: 41.666667%; }
1047
1048 DIV#daysView DIV[class~="event"].starts41
1049 { top: 42.708333%; }
1050
1051 DIV#daysView DIV[class~="event"].starts42
1052 { top: 43.750000%; }
1053
1054 DIV#daysView DIV[class~="event"].starts43
1055 { top: 44.791667%; }
1056
1057 DIV#daysView DIV[class~="event"].starts44
1058 { top: 45.833333%; }
1059
1060 DIV#daysView DIV[class~="event"].starts45
1061 { top: 46.875000%; }
1062
1063 DIV#daysView DIV[class~="event"].starts46
1064 { top: 47.916667%; }
1065
1066 DIV#daysView DIV[class~="event"].starts47
1067 { top: 48.958333%; }
1068
1069 DIV#daysView DIV[class~="event"].starts48
1070 { top: 50.000000%; }
1071
1072 DIV#daysView DIV[class~="event"].starts49
1073 { top: 51.041667%; }
1074
1075 DIV#daysView DIV[class~="event"].starts50
1076 { top: 52.083333%; }
1077
1078 DIV#daysView DIV[class~="event"].starts51
1079 { top: 53.125000%; }
1080
1081 DIV#daysView DIV[class~="event"].starts52
1082 { top: 54.166667%; }
1083
1084 DIV#daysView DIV[class~="event"].starts53
1085 { top: 55.208333%; }
1086
1087 DIV#daysView DIV[class~="event"].starts54
1088 { top: 56.250000%; }
1089
1090 DIV#daysView DIV[class~="event"].starts55
1091 { top: 57.291667%; }
1092
1093 DIV#daysView DIV[class~="event"].starts56
1094 { top: 58.333333%; }
1095
1096 DIV#daysView DIV[class~="event"].starts57
1097 { top: 59.375000%; }
1098
1099 DIV#daysView DIV[class~="event"].starts58
1100 { top: 60.416667%; }
1101
1102 DIV#daysView DIV[class~="event"].starts59
1103 { top: 61.458333%; }
1104
1105 DIV#daysView DIV[class~="event"].starts60
1106 { top: 62.500000%; }
1107
1108 DIV#daysView DIV[class~="event"].starts61
1109 { top: 63.541667%; }
1110
1111 DIV#daysView DIV[class~="event"].starts62
1112 { top: 64.583333%; }
1113
1114 DIV#daysView DIV[class~="event"].starts63
1115 { top: 65.625000%; }
1116
1117 DIV#daysView DIV[class~="event"].starts64
1118 { top: 66.666667%; }
1119
1120 DIV#daysView DIV[class~="event"].starts65
1121 { top: 67.708333%; }
1122
1123 DIV#daysView DIV[class~="event"].starts66
1124 { top: 68.750000%; }
1125
1126 DIV#daysView DIV[class~="event"].starts67
1127 { top: 69.791667%; }
1128
1129 DIV#daysView DIV[class~="event"].starts68
1130 { top: 70.833333%; }
1131
1132 DIV#daysView DIV[class~="event"].starts69
1133 { top: 71.875000%; }
1134
1135 DIV#daysView DIV[class~="event"].starts70
1136 { top: 72.916667%; }
1137
1138 DIV#daysView DIV[class~="event"].starts71
1139 { top: 73.958333%; }
1140
1141 DIV#daysView DIV[class~="event"].starts72
1142 { top: 75.000000%; }
1143
1144 DIV#daysView DIV[class~="event"].starts73
1145 { top: 76.041667%; }
1146
1147 DIV#daysView DIV[class~="event"].starts74
1148 { top: 77.083333%; }
1149
1150 DIV#daysView DIV[class~="event"].starts75
1151 { top: 78.125000%; }
1152
1153 DIV#daysView DIV[class~="event"].starts76
1154 { top: 79.166667%; }
1155
1156 DIV#daysView DIV[class~="event"].starts77
1157 { top: 80.208333%; }
1158
1159 DIV#daysView DIV[class~="event"].starts78
1160 { top: 81.250000%; }
1161
1162 DIV#daysView DIV[class~="event"].starts79
1163 { top: 82.291667%; }
1164
1165 DIV#daysView DIV[class~="event"].starts80
1166 { top: 83.333333%; }
1167
1168 DIV#daysView DIV[class~="event"].starts81
1169 { top: 84.375000%; }
1170
1171 DIV#daysView DIV[class~="event"].starts82
1172 { top: 85.416667%; }
1173
1174 DIV#daysView DIV[class~="event"].starts83
1175 { top: 86.458333%; }
1176
1177 DIV#daysView DIV[class~="event"].starts84
1178 { top: 87.500000%; }
1179
1180 DIV#daysView DIV[class~="event"].starts85
1181 { top: 88.541667%; }
1182
1183 DIV#daysView DIV[class~="event"].starts86
1184 { top: 89.583333%; }
1185
1186 DIV#daysView DIV[class~="event"].starts87
1187 { top: 90.625000%; }
1188
1189 DIV#daysView DIV[class~="event"].starts88
1190 { top: 91.666667%; }
1191
1192 DIV#daysView DIV[class~="event"].starts89
1193 { top: 92.708333%; }
1194
1195 DIV#daysView DIV[class~="event"].starts90
1196 { top: 93.750000%; }
1197
1198 DIV#daysView DIV[class~="event"].starts91
1199 { top: 94.791667%; }
1200
1201 DIV#daysView DIV[class~="event"].starts92
1202 { top: 95.833333%; }
1203
1204 DIV#daysView DIV[class~="event"].starts93
1205 { top: 96.875000%; }
1206
1207 DIV#daysView DIV[class~="event"].starts94
1208 { top: 97.916667%; }
1209
1210 DIV#daysView DIV[class~="event"].starts95
1211 { top: 98.958333%; }
1212
1213 DIV#daysView DIV[class~="event"].starts96
1214 { top: 100.000000%; }
1215
1216 DIV#daysView DIV[class~="event"].lasts0
1217 { height: 0px; }
1218
1219 DIV#daysView DIV[class~="event"].lasts1
1220 { height: 1.041667%; }
1221
1222 DIV#daysView DIV[class~="event"].lasts2
1223 { height: 2.083333%; }
1224
1225 DIV#daysView DIV[class~="event"].lasts3
1226 { height: 3.125000%; }
1227
1228 DIV#daysView DIV[class~="event"].lasts4
1229 { height: 4.166667%; }
1230
1231 DIV#daysView DIV[class~="event"].lasts5
1232 { height: 5.208333%; }
1233
1234 DIV#daysView DIV[class~="event"].lasts6
1235 { height: 6.250000%; }
1236
1237 DIV#daysView DIV[class~="event"].lasts7
1238 { height: 7.291667%; }
1239
1240 DIV#daysView DIV[class~="event"].lasts8
1241 { height: 8.333333%; }
1242
1243 DIV#daysView DIV[class~="event"].lasts9
1244 { height: 9.375000%; }
1245
1246 DIV#daysView DIV[class~="event"].lasts10
1247 { height: 10.416667%; }
1248
1249 DIV#daysView DIV[class~="event"].lasts11
1250 { height: 11.458333%; }
1251
1252 DIV#daysView DIV[class~="event"].lasts12
1253 { height: 12.500000%; }
1254
1255 DIV#daysView DIV[class~="event"].lasts13
1256 { height: 13.541667%; }
1257
1258 DIV#daysView DIV[class~="event"].lasts14
1259 { height: 14.583333%; }
1260
1261 DIV#daysView DIV[class~="event"].lasts15
1262 { height: 15.625000%; }
1263
1264 DIV#daysView DIV[class~="event"].lasts16
1265 { height: 16.666667%; }
1266
1267 DIV#daysView DIV[class~="event"].lasts17
1268 { height: 17.708333%; }
1269
1270 DIV#daysView DIV[class~="event"].lasts18
1271 { height: 18.750000%; }
1272
1273 DIV#daysView DIV[class~="event"].lasts19
1274 { height: 19.791667%; }
1275
1276 DIV#daysView DIV[class~="event"].lasts20
1277 { height: 20.833333%; }
1278
1279 DIV#daysView DIV[class~="event"].lasts21
1280 { height: 21.875000%; }
1281
1282 DIV#daysView DIV[class~="event"].lasts22
1283 { height: 22.916667%; }
1284
1285 DIV#daysView DIV[class~="event"].lasts23
1286 { height: 23.958333%; }
1287
1288 DIV#daysView DIV[class~="event"].lasts24
1289 { height: 25.000000%; }
1290
1291 DIV#daysView DIV[class~="event"].lasts25
1292 { height: 26.041667%; }
1293
1294 DIV#daysView DIV[class~="event"].lasts26
1295 { height: 27.083333%; }
1296
1297 DIV#daysView DIV[class~="event"].lasts27
1298 { height: 28.125000%; }
1299
1300 DIV#daysView DIV[class~="event"].lasts28
1301 { height: 29.166667%; }
1302
1303 DIV#daysView DIV[class~="event"].lasts29
1304 { height: 30.208333%; }
1305
1306 DIV#daysView DIV[class~="event"].lasts30
1307 { height: 31.250000%; }
1308
1309 DIV#daysView DIV[class~="event"].lasts31
1310 { height: 32.291667%; }
1311
1312 DIV#daysView DIV[class~="event"].lasts32
1313 { height: 33.333333%; }
1314
1315 DIV#daysView DIV[class~="event"].lasts33
1316 { height: 34.375000%; }
1317
1318 DIV#daysView DIV[class~="event"].lasts34
1319 { height: 35.416667%; }
1320
1321 DIV#daysView DIV[class~="event"].lasts35
1322 { height: 36.458333%; }
1323
1324 DIV#daysView DIV[class~="event"].lasts36
1325 { height: 37.500000%; }
1326
1327 DIV#daysView DIV[class~="event"].lasts37
1328 { height: 38.541667%; }
1329
1330 DIV#daysView DIV[class~="event"].lasts38
1331 { height: 39.583333%; }
1332
1333 DIV#daysView DIV[class~="event"].lasts39
1334 { height: 40.625000%; }
1335
1336 DIV#daysView DIV[class~="event"].lasts40
1337 { height: 41.666667%; }
1338
1339 DIV#daysView DIV[class~="event"].lasts41
1340 { height: 42.708333%; }
1341
1342 DIV#daysView DIV[class~="event"].lasts42
1343 { height: 43.750000%; }
1344
1345 DIV#daysView DIV[class~="event"].lasts43
1346 { height: 44.791667%; }
1347
1348 DIV#daysView DIV[class~="event"].lasts44
1349 { height: 45.833333%; }
1350
1351 DIV#daysView DIV[class~="event"].lasts45
1352 { height: 46.875000%; }
1353
1354 DIV#daysView DIV[class~="event"].lasts46
1355 { height: 47.916667%; }
1356
1357 DIV#daysView DIV[class~="event"].lasts47
1358 { height: 48.958333%; }
1359
1360 DIV#daysView DIV[class~="event"].lasts48
1361 { height: 50.000000%; }
1362
1363 DIV#daysView DIV[class~="event"].lasts49
1364 { height: 51.041667%; }
1365
1366 DIV#daysView DIV[class~="event"].lasts50
1367 { height: 52.083333%; }
1368
1369 DIV#daysView DIV[class~="event"].lasts51
1370 { height: 53.125000%; }
1371
1372 DIV#daysView DIV[class~="event"].lasts52
1373 { height: 54.166667%; }
1374
1375 DIV#daysView DIV[class~="event"].lasts53
1376 { height: 55.208333%; }
1377
1378 DIV#daysView DIV[class~="event"].lasts54
1379 { height: 56.250000%; }
1380
1381 DIV#daysView DIV[class~="event"].lasts55
1382 { height: 57.291667%; }
1383
1384 DIV#daysView DIV[class~="event"].lasts56
1385 { height: 58.333333%; }
1386
1387 DIV#daysView DIV[class~="event"].lasts57
1388 { height: 59.375000%; }
1389
1390 DIV#daysView DIV[class~="event"].lasts58
1391 { height: 60.416667%; }
1392
1393 DIV#daysView DIV[class~="event"].lasts59
1394 { height: 61.458333%; }
1395
1396 DIV#daysView DIV[class~="event"].lasts60
1397 { height: 62.500000%; }
1398
1399 DIV#daysView DIV[class~="event"].lasts61
1400 { height: 63.541667%; }
1401
1402 DIV#daysView DIV[class~="event"].lasts62
1403 { height: 64.583333%; }
1404
1405 DIV#daysView DIV[class~="event"].lasts63
1406 { height: 65.625000%; }
1407
1408 DIV#daysView DIV[class~="event"].lasts64
1409 { height: 66.666667%; }
1410
1411 DIV#daysView DIV[class~="event"].lasts65
1412 { height: 67.708333%; }
1413
1414 DIV#daysView DIV[class~="event"].lasts66
1415 { height: 68.750000%; }
1416
1417 DIV#daysView DIV[class~="event"].lasts67
1418 { height: 69.791667%; }
1419
1420 DIV#daysView DIV[class~="event"].lasts68
1421 { height: 70.833333%; }
1422
1423 DIV#daysView DIV[class~="event"].lasts69
1424 { height: 71.875000%; }
1425
1426 DIV#daysView DIV[class~="event"].lasts70
1427 { height: 72.916667%; }
1428
1429 DIV#daysView DIV[class~="event"].lasts71
1430 { height: 73.958333%; }
1431
1432 DIV#daysView DIV[class~="event"].lasts72
1433 { height: 75.000000%; }
1434
1435 DIV#daysView DIV[class~="event"].lasts73
1436 { height: 76.041667%; }
1437
1438 DIV#daysView DIV[class~="event"].lasts74
1439 { height: 77.083333%; }
1440
1441 DIV#daysView DIV[class~="event"].lasts75
1442 { height: 78.125000%; }
1443
1444 DIV#daysView DIV[class~="event"].lasts76
1445 { height: 79.166667%; }
1446
1447 DIV#daysView DIV[class~="event"].lasts77
1448 { height: 80.208333%; }
1449
1450 DIV#daysView DIV[class~="event"].lasts78
1451 { height: 81.250000%; }
1452
1453 DIV#daysView DIV[class~="event"].lasts79
1454 { height: 82.291667%; }
1455
1456 DIV#daysView DIV[class~="event"].lasts80
1457 { height: 83.333333%; }
1458
1459 DIV#daysView DIV[class~="event"].lasts81
1460 { height: 84.375000%; }
1461
1462 DIV#daysView DIV[class~="event"].lasts82
1463 { height: 85.416667%; }
1464
1465 DIV#daysView DIV[class~="event"].lasts83
1466 { height: 86.458333%; }
1467
1468 DIV#daysView DIV[class~="event"].lasts84
1469 { height: 87.500000%; }
1470
1471 DIV#daysView DIV[class~="event"].lasts85
1472 { height: 88.541667%; }
1473
1474 DIV#daysView DIV[class~="event"].lasts86
1475 { height: 89.583333%; }
1476
1477 DIV#daysView DIV[class~="event"].lasts87
1478 { height: 90.625000%; }
1479
1480 DIV#daysView DIV[class~="event"].lasts88
1481 { height: 91.666667%; }
1482
1483 DIV#daysView DIV[class~="event"].lasts89
1484 { height: 92.708333%; }
1485
1486 DIV#daysView DIV[class~="event"].lasts90
1487 { height: 93.750000%; }
1488
1489 DIV#daysView DIV[class~="event"].lasts91
1490 { height: 94.791667%; }
1491
1492 DIV#daysView DIV[class~="event"].lasts92
1493 { height: 95.833333%; }
1494
1495 DIV#daysView DIV[class~="event"].lasts93
1496 { height: 96.875000%; }
1497
1498 DIV#daysView DIV[class~="event"].lasts94
1499 { height: 97.916667%; }
1500
1501 DIV#daysView DIV[class~="event"].lasts95
1502 { height: 98.958333%; }
1503
1504 DIV#daysView DIV[class~="event"].lasts96
1505 { height: 100.000000%; }