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