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

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