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