sogo/UI/WebServerResources/SchedulerUI.css
Wolfgang Sourdeau 7dda091069 Monotone-Parent: 9328118a241e6bcf1948afbca271a0cd22428ec9
Monotone-Revision: e480189a8470ef74ff56185088d5a0ee3e0a66ef

Monotone-Author: wsourdeau@inverse.ca
Monotone-Date: 2006-11-15T21:55:52
Monotone-Branch: ca.inverse.sogo
2006-11-15 21:55:52 +00:00

1424 lines
26 KiB
CSS

DIV#leftPanel
{
position: absolute;
top: 5.5em;
left: 0px;
width: 17em;
bottom: 0px;
overflow: hidden;
}
DIV#schedulerTabs
{
position: absolute;
top: 0.5em;
left: .2em;
right: .2em;
height: 15em;
}
DIV#tasksListView
{
position: absolute;
top: 18em;
bottom: 0px;
left: .2em;
right: .7em;
padding: 0px;
}
DIV#tasksListView H2
{ font-size: 12pt;
margin: 0px;
margin-left: .25em;
padding: 0px; }
DIV#tasksListView LABEL
{ margin: .25em; }
DIV#calendarsList
{ height: 100%;
padding: 0px;
margin: 0px; }
UL#tasksList, UL#uixselector-calendarsList-display
{ cursor: default;
margin: .25px;
padding: 0px;
overflow: auto;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-top: 2px solid #222;
border-left: 2px solid #222;
background: #fff;
-moz-border-top-colors: ThreeDShadow ThreeDDarkShadow transparent;
-moz-border-left-colors: ThreeDShadow ThreeDDarkShadow transparent;
list-style-type: none;
list-style-image: none; }
UL#tasksList
{ position: absolute;
width: 100%;
top: 3em;
left: .25em;
right: .25em;
bottom: .25em; }
UL#uixselector-calendarsList-display
{ height: 10.5em;
margin: 0px; }
UL#tasksList LI
{ white-space: nowrap; }
UL#tasksList LI.overdue
{ color: #f00; }
UL#tasksList LI.duetoday
{ color: #00f; }
UL#tasksList LI.completed
{ text-decoration: line-through;
color: #000; }
UL#tasksList LI.duelater
{ color: #999; }
UL#tasksList LI[class~="_selected"].overdue
{
color: #fff !important;
background-color: #f00 !important;
}
UL#tasksList LI[class~="_selected"].duetoday
{
color: #fff !important;
background-color: #00f !important;
}
UL#tasksList LI[class~="_selected"].duelater
{
color: #fff !important;
background-color: #999 !important;
}
DIV#rightPanel
{
position: absolute;
top: 5.5em;
left: 17em;
right: 0px;
bottom: 0px;
margin: 0px;
margin-left: 5px;
padding: 0px;
overflow: hidden;
}
DIV#appointmentsListView
{
position: absolute;
background: #fff;
height: 16em;
top: 2em;
left: 0px;
width: 100%;
overflow: auto;
}
DIV#calendarView
{
position: absolute;
background: #fff;
top: 18em;
margin-top: 5px;
bottom: 0px;
width: 100%;
overflow: hidden;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
}
DIV#calendarView A
{
text-decoration: none;
font: inherit;
color: inherit;
}
#verticalDragHandle
{
cursor: e-resize;
top: 7.5em;
left: 17em;
width: 5px;
bottom: 0px;
}
#rightDragHandle
{
cursor: n-resize;
top: 18em;
left: 0px;
right: 0px;
height: 5px;
}
#filterPanel
{
height: 2em;
padding-right: .5em;
vertical-align: middle;
width: 100%;
}
#dateSelector
{
margin: 0px auto;
background: #fff;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
#dateSelector > .header
{ background: #efefef;
width: 100%;
white-space: nowrap;
vertical-align: middle;
text-align: center;
padding: .2em 0px;
margin: 0px;
border: 0px; }
#dateSelector > .header A
{
width: 1em;
padding: .4em .2em;
}
#dateSelector > .header #leftArrow
{
float: left;
}
#dateSelector > .header #rightArrow
{
float: right;
}
#dateSelector > .header SPAN
{ cursor: default;
font-size: medium;
vertical-align: middle;
font-weight: bold;
border: 1px solid transparent;
margin: .5em .2em; }
#dateSelector > .header SPAN:hover
{ border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc; }
#dateSelector .dayOfWeek
{ color: #00f; }
#dateSelector TABLE#dateSelectorTable TD
{ width: 14%; }
#dateSelector TABLE#dateSelectorTable TD TABLE TD
{ width: 100% }
#dateSelector TABLE,
#dateSelector TABLE TABLE
{ border-collapse: collapse;
margin: 0px auto;
width: 100%; }
#dateSelector TABLE TABLE TD
{
cursor: pointer;
margin: 0px;
padding: 0px;
width: 100%;
border: 1px solid #fff;
}
#dateSelector TABLE TABLE TD:hover
{ color: #f00;
border: 1px solid #deebf7; }
#dateSelector .inactiveDay
{ color: #dedfde; }
#dateSelector .dayOfToday
{ background: #deebf7;
border: 1px solid #deebf7; }
#dateSelector TD SPAN
{ width: 1.5em;
height: 1.5em;
text-align: center;
display: block; }
#dateSelector TD SPAN A
{ color: inherit;
background: inherit;
text-decoration: none; }
#dateSelector TD:active
{ background: #ddd;
border: 1px solid #deebf7; }
TABLE#appointmentsList
{ width: 100%; }
#dateSelector TD._selected,
UL > LI._selected,
TABLE#appointmentsList TR._selected TD
{
background: #4b6983 !important;
color: #fff !important;
}
._unfocused#dateSelector TD._selected,
UL._unfocused > LI._selected,
TABLE._unfocused#appointmentsList TR._selected TD
{
background: #dbdad5 !important;;
color: #fff !important;;
}
TABLE.monthOverview
{ position: absolute;
display: table;
margin: 0 auto;
padding: 1em;
border-collapse: collapse;
display: table;
margin: 0px auto;
padding: 0px;
width: 98%;
height: 98%;
min-width: 60em;
min-height: 25em; }
TABLE.monthOverview TD
{ border: 2px solid #397d94;
padding: 0px;
margin: 0px; }
TABLE.monthOverview TD.day
{ vertical-align: top;
margin: 0px;
padding: 0px;
height: 15%;
min-height: 15%;
max-height: 15%; }
TABLE.monthOverview TD.day > DIV.dayContent
{ display: block;
width: 100%;
height: 100%;
overflow: auto; }
TABLE.monthOverview TD.header
{ text-align: center;
color: #397d94;
width: 14%;
height: 2em;
font-weight: bold;
background: #e7efef; }
TABLE.monthOverview TD.dayOfToday
{ border: 3px solid #397d94;
background-color: #deebf7; }
TABLE.monthOverview TD.weekEndDay
{ background-color: #fffbe7; }
TABLE.monthOverview TD.dayOfAnotherMonth
{ background-color: #e7efef; }
TABLE.monthOverview TD.selectedDay
{ background-color: #ffe79c; }
SPAN.dayCellLabel
{ color: #77a;
font-weight: bold; }
SPAN.daysHeader,
SPAN.weeksHeader,
SPAN.monthsHeader
{ display: block;
white-space: nowrap;
background: #dbdad5;
overflow: hidden;
width: 100%;
margin: 0px;
height: 2.75em;
padding: .1em 1.5em;
border: 0px;
border-bottom: 1px solid #ccc; }
SPAN.daysHeader SPAN,
SPAN.weeksHeader SPAN,
SPAN.monthsHeader SPAN
{ display: block;
margin: .1em;
float: left;
width: 18%;
padding: 0px;
text-align: center;
border: 1px solid transparent;
vertical-align: top; }
SPAN.daysHeader A,
SPAN.weeksHeader A,
SPAN.monthsHeader A
{ padding: 0px .5em; }
A.leftNavigationArrow,
A.rightNavigationArrow
{ border: 1px solid transparent;
padding: .5em;
text-align: center;
vertical-align: bottom; }
A.leftNavigationArrow:hover,
A.rightNavigationArrow:hover,
SPAN.daysHeader A:hover,
SPAN.weeksHeader A:hover,
SPAN.monthsHeader A:hover
{ border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc; }
A.leftNavigationArrow:active,
A.rightNavigationArrow:active,
SPAN.daysHeader A:active,
SPAN.weeksHeader A:active,
SPAN.monthsHeader A:active
{ border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff; }
SPAN.week2, SPAN.month2
{
font-size: small;
}
SPAN.day2, SPAN.week1, SPAN.month1
{
font-size: medium;
}
SPAN.day1, SPAN.week0, SPAN.month0
{
font-size: large;
}
SPAN.day0
{
font-size: x-large;
}
SPAN.day0, SPAN.week0, SPAN.month0
{ border-top: 1px solid #aaa !important;
border-left: 1px solid #aaa !important;
border-bottom: 1px solid #fff !important;
border-right: 1px solid #fff !important;
background: #ccc;
color: #222; }
A.leftNavigationArrow
{
position: absolute;
display: block;
top: .5em;
left: .5em;
}
A.rightNavigationArrow
{
position: absolute;
display: block;
top: .5em;
right: .5em;
}
DIV#calendarContent
{
position: absolute;
top: 3em;
padding: 0px;
margin: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: auto;
/* background-position: top center;
background-repeat: no-repeat;
background-image: url("/SOGo.woa/WebServerResources/background.jpg");
*/}
.menu LI.currentMonth,
.menu LI.currentYear
{
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background: #ccc;
color: #222;
}
DIV.appointmentView
{ display: block;
overflow: hidden;
white-space: nowrap;
border: 1px solid #000; }
SPAN.colorBox
{ display: block;
float: right;
border: 1px solid #333;
margin: .12em;
width: 1em;
height: .75em; }
DIV.freeBusyView
{ margin-left: 12em;
overflow: auto;
border-top: 2px solid #222;
border-left: 2px solid #222;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
-moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; }
TABLE.freeBusy TD,
TABLE.freeBusy TH
{ padding: 0px;
margin: 0px;
border: 0px; }
TABLE.freeBusy TH.attendees,
TABLE.freeBusy TD.attendees
{ position: absolute;
padding: 0px .5em;
margin: 0px;
width: 11em;
border: 0px !important;
background: #dbdad5 !important;
overflow: hidden;
left: 0px; }
TABLE.freeBusy TD.attendees IMG
{ position: absolute;
left: 0em;
top: .5em; }
TABLE.freeBusy TD.attendees INPUT
{ width: 10em;
margin: 0px;
margin-left: 10px; }
TABLE.freeBusy TR.freeBusyHeader2 TH
{ font-weight: normal; }
TABLE.freeBusy TR.freeBusyHeader1 TH,
TABLE.freeBusy TR.freeBusyHeader2 TH,
TABLE.freeBusy TR.freeBusyHeader3 TH
{ text-align: left;
color: #777;
background: #fff;
border-collapse: collapse; }
TABLE.freeBusy TR.freeBusyHeader2 TH
{ width: 6em; }
TABLE.freeBusy TR.freeBusyHeader3 TH
{ border-bottom: 1px solid #cecbff; }
TABLE.freeBusy TR.attendeeModel
{ display: none; }
TABLE.freeBusy TR.futureAttendee TD
{ border-right: none; }
TABLE.freeBusy TD
{ border-bottom: 1px solid #cecbff;
border-right: 1px solid #cecbff;
height: 2em;
background-color: #fff; }
TABLE.freeBusy TD.noFreeBusy
{ background-color: #559;
border-right: 0px; }
SPAN.freeBusyZoneElement
{ display: block;
float: left;
width: 25%;
margin: 0px;
padding: 0px;
border: 0px; }
TABLE.freeBusy TR.freeBusyHeader3 SPAN.freeBusyZoneElement
{ height: .25em; }
TABLE.freeBusy TD SPAN.freeBusyZoneElement
{ height: 100%; }
SPAN[class~="colorBox"].free,
TABLE.freeBusy TD SPAN.freeBusyZoneElement
{ background-color: #8ca6bd; }
TABLE.freeBusy TH SPAN[class~="freeBusyZoneElement"].busy
{ background-color: #c55 !important; }
SPAN[class~="colorBox"].busy,
SPAN[class~="freeBusyZoneElement"].busy
{ background-color: #5a6b79 !important; }
SPAN[class~="colorBox"].maybe-busy,
SPAN[class~="freeBusyZoneElement"].maybe-busy
{ background-color: #adc0d0 !important; }
SPAN[class~="colorBox"].noFreeBusy
{ background-color: #559; }
/* new draggable presentation */
DIV.daysView
{ position: relative;
margin: 1em;
height: 100em;
border-bottom: 1px solid #397d94; }
DIV.daysView DIV.days
{ position: absolute;
top: 0px;
bottom: 0px;
left: 5em;
right: 0px; }
DIV.daysView DIV.day
{ position: absolute;
left: 0px;
border-left: 1px solid #397d94;
top: 0px;
bottom: 0px; }
DIV.daysView > DIV.days > DIV.day > DIV.header
{ height: 3.5em;
padding-top: .5em;
border: 0px;
border-top: 1px solid #397d94;
font-weight: bold;
text-align: center;
background: #e7efef;
color: #397d94; }
DIV.daysView > DIV.days > DIV.dayOfToday
{ background-color: #deebf7; }
DIV.daysView > DIV.days > DIV.weekEndDay
{ background-color: #fffbe7; }
DIV.daysView > DIV.days > DIV.selectedDay
{ background-color: #ffe79c; }
DIV.daysViewFor1Days DIV.day
{ width: 100%;
border-right: 1px solid #397d94;
left: 0px; }
DIV.daysViewFor7Days DIV.day
{ width: 14.2857%; }
DIV.daysViewFor7Days DIV.day1
{ left: 0px; }
DIV.daysViewFor7Days DIV.day2
{ left: 14.2857%; }
DIV.daysViewFor7Days DIV.day3
{ left: 28.5714%; }
DIV.daysViewFor7Days DIV.day4
{ left: 42.8571%; }
DIV.daysViewFor7Days DIV.day5
{ left: 57.1428%; }
DIV.daysViewFor7Days DIV.day6
{ left: 71.4285%; }
DIV.daysViewFor7Days DIV.day0
{ left: 85.7142%;
border-right: 1px solid #397d94; }
TABLE.monthOverview DIV.appointment
{ margin: 0px;
margin-top: 1px;
padding: 1px;
border: 0px;
height: auto;
width: auto;
position: static;
overflow: hidden;
background-color: #fff; }
TABLE.monthOverview DIV.appointmentInside
{ cursor: default;
margin: 0px;
padding: 1px;
border: 0px;
height: auto;
width: auto;
position: static; }
DIV.daysView > DIV.hours
{ position: absolute;
border: 0px;
left: 0px;
top: 4em;
width: 4.5em;
height: 95.5em;
font-weight: bold;
color: #77a;
margin: 0px;
padding-top: .5em;
padding-right: .5em;
border-left: 1px solid #397d94;
background: #e7efef;
text-align: right; }
DIV.daysView > DIV.hours > DIV.hour
{ height: 4em; }
DIV.daysView > DIV.hourLines > DIV.hourLine
{ position: absolute;
z-index: 1;
height: 1px;
left: 0px;
right: 0px;
border-top: 1px solid #397d94; }
DIV.clickableHourCell
{ width: 100%;
height: 4em; }
DIV.clickableHourCell0
{ top: 0px; }
DIV.clickableHourCell1,
DIV.daysView > DIV.hourLines > DIV.hourLine0
{ top: 4em; }
DIV.clickableHourCell2,
DIV.daysView > DIV.hourLines > DIV.hourLine1
{ top: 8em; }
DIV.clickableHourCell3,
DIV.daysView > DIV.hourLines > DIV.hourLine2
{ top: 12em; }
DIV.clickableHourCell3,
DIV.daysView > DIV.hourLines > DIV.hourLine3
{ top: 16em; }
DIV.clickableHourCell5,
DIV.daysView > DIV.hourLines > DIV.hourLine4
{ top: 20em; }
DIV.clickableHourCell4,
DIV.daysView > DIV.hourLines > DIV.hourLine5
{ top: 24em; }
DIV.clickableHourCell5,
DIV.daysView > DIV.hourLines > DIV.hourLine6
{ top: 28em; }
DIV.clickableHourCell6,
DIV.daysView > DIV.hourLines > DIV.hourLine7
{ top: 32em; }
DIV.clickableHourCell7,
DIV.daysView > DIV.hourLines > DIV.hourLine8
{ top: 36em; }
DIV.clickableHourCell8,
DIV.daysView > DIV.hourLines > DIV.hourLine9
{ top: 40em; }
DIV.clickableHourCell9,
DIV.daysView > DIV.hourLines > DIV.hourLine10
{ top: 44em; }
DIV.clickableHourCell10,
DIV.daysView > DIV.hourLines > DIV.hourLine11
{ top: 48em; }
DIV.clickableHourCell11,
DIV.daysView > DIV.hourLines > DIV.hourLine12
{ top: 52em; }
DIV.clickableHourCell12,
DIV.daysView > DIV.hourLines > DIV.hourLine13
{ top: 56em; }
DIV.clickableHourCell13,
DIV.daysView > DIV.hourLines > DIV.hourLine14
{ top: 60em; }
DIV.clickableHourCell14,
DIV.daysView > DIV.hourLines > DIV.hourLine15
{ top: 64em; }
DIV.clickableHourCell15,
DIV.daysView > DIV.hourLines > DIV.hourLine16
{ top: 68em; }
DIV.clickableHourCell16,
DIV.daysView > DIV.hourLines > DIV.hourLine17
{ top: 72em; }
DIV.clickableHourCell17,
DIV.daysView > DIV.hourLines > DIV.hourLine18
{ top: 76em; }
DIV.clickableHourCell18,
DIV.daysView > DIV.hourLines > DIV.hourLine19
{ top: 80em; }
DIV.clickableHourCell19,
DIV.daysView > DIV.hourLines > DIV.hourLine20
{ top: 84em; }
DIV.clickableHourCell20,
DIV.daysView > DIV.hourLines > DIV.hourLine21
{ top: 88em; }
DIV.clickableHourCell21,
DIV.daysView > DIV.hourLines > DIV.hourLine22
{ top: 92em; }
DIV.clickableHourCell22,
DIV.daysView > DIV.hourLines > DIV.hourLine23
{ top: 96em; }
DIV.daysView DIV.appointments
{ position: absolute;
z-index: 2;
border-top: 1px solid #397d94;
left: 0px;
right: 0px;
bottom: 0px;
top: 4em; }
DIV.appointments > DIV.appointment
{ cursor: default;
position: absolute;
left: 0px;
right: 0px;
padding: 0px; }
DIV.appointment > DIV
{ position: absolute;
overflow: hidden;
top: 2px;
bottom: 2px;
left: 2px;
right: 2px; }
DIV[class~="appointment"].starts0
{ top: 0.000000%; }
DIV[class~="appointment"].starts1
{ top: 1.041667%; }
DIV[class~="appointment"].starts2
{ top: 2.083333%; }
DIV[class~="appointment"].starts3
{ top: 3.125000%; }
DIV[class~="appointment"].starts4
{ top: 4.166667%; }
DIV[class~="appointment"].starts5
{ top: 5.208333%; }
DIV[class~="appointment"].starts6
{ top: 6.250000%; }
DIV[class~="appointment"].starts7
{ top: 7.291667%; }
DIV[class~="appointment"].starts8
{ top: 8.333333%; }
DIV[class~="appointment"].starts9
{ top: 9.375000%; }
DIV[class~="appointment"].starts10
{ top: 10.416667%; }
DIV[class~="appointment"].starts11
{ top: 11.458333%; }
DIV[class~="appointment"].starts12
{ top: 12.500000%; }
DIV[class~="appointment"].starts13
{ top: 13.541667%; }
DIV[class~="appointment"].starts14
{ top: 14.583333%; }
DIV[class~="appointment"].starts15
{ top: 15.625000%; }
DIV[class~="appointment"].starts16
{ top: 16.666667%; }
DIV[class~="appointment"].starts17
{ top: 17.708333%; }
DIV[class~="appointment"].starts18
{ top: 18.750000%; }
DIV[class~="appointment"].starts19
{ top: 19.791667%; }
DIV[class~="appointment"].starts20
{ top: 20.833333%; }
DIV[class~="appointment"].starts21
{ top: 21.875000%; }
DIV[class~="appointment"].starts22
{ top: 22.916667%; }
DIV[class~="appointment"].starts23
{ top: 23.958333%; }
DIV[class~="appointment"].starts24
{ top: 25.000000%; }
DIV[class~="appointment"].starts25
{ top: 26.041667%; }
DIV[class~="appointment"].starts26
{ top: 27.083333%; }
DIV[class~="appointment"].starts27
{ top: 28.125000%; }
DIV[class~="appointment"].starts28
{ top: 29.166667%; }
DIV[class~="appointment"].starts29
{ top: 30.208333%; }
DIV[class~="appointment"].starts30
{ top: 31.250000%; }
DIV[class~="appointment"].starts31
{ top: 32.291667%; }
DIV[class~="appointment"].starts32
{ top: 33.333333%; }
DIV[class~="appointment"].starts33
{ top: 34.375000%; }
DIV[class~="appointment"].starts34
{ top: 35.416667%; }
DIV[class~="appointment"].starts35
{ top: 36.458333%; }
DIV[class~="appointment"].starts36
{ top: 37.500000%; }
DIV[class~="appointment"].starts37
{ top: 38.541667%; }
DIV[class~="appointment"].starts38
{ top: 39.583333%; }
DIV[class~="appointment"].starts39
{ top: 40.625000%; }
DIV[class~="appointment"].starts40
{ top: 41.666667%; }
DIV[class~="appointment"].starts41
{ top: 42.708333%; }
DIV[class~="appointment"].starts42
{ top: 43.750000%; }
DIV[class~="appointment"].starts43
{ top: 44.791667%; }
DIV[class~="appointment"].starts44
{ top: 45.833333%; }
DIV[class~="appointment"].starts45
{ top: 46.875000%; }
DIV[class~="appointment"].starts46
{ top: 47.916667%; }
DIV[class~="appointment"].starts47
{ top: 48.958333%; }
DIV[class~="appointment"].starts48
{ top: 50.000000%; }
DIV[class~="appointment"].starts49
{ top: 51.041667%; }
DIV[class~="appointment"].starts50
{ top: 52.083333%; }
DIV[class~="appointment"].starts51
{ top: 53.125000%; }
DIV[class~="appointment"].starts52
{ top: 54.166667%; }
DIV[class~="appointment"].starts53
{ top: 55.208333%; }
DIV[class~="appointment"].starts54
{ top: 56.250000%; }
DIV[class~="appointment"].starts55
{ top: 57.291667%; }
DIV[class~="appointment"].starts56
{ top: 58.333333%; }
DIV[class~="appointment"].starts57
{ top: 59.375000%; }
DIV[class~="appointment"].starts58
{ top: 60.416667%; }
DIV[class~="appointment"].starts59
{ top: 61.458333%; }
DIV[class~="appointment"].starts60
{ top: 62.500000%; }
DIV[class~="appointment"].starts61
{ top: 63.541667%; }
DIV[class~="appointment"].starts62
{ top: 64.583333%; }
DIV[class~="appointment"].starts63
{ top: 65.625000%; }
DIV[class~="appointment"].starts64
{ top: 66.666667%; }
DIV[class~="appointment"].starts65
{ top: 67.708333%; }
DIV[class~="appointment"].starts66
{ top: 68.750000%; }
DIV[class~="appointment"].starts67
{ top: 69.791667%; }
DIV[class~="appointment"].starts68
{ top: 70.833333%; }
DIV[class~="appointment"].starts69
{ top: 71.875000%; }
DIV[class~="appointment"].starts70
{ top: 72.916667%; }
DIV[class~="appointment"].starts71
{ top: 73.958333%; }
DIV[class~="appointment"].starts72
{ top: 75.000000%; }
DIV[class~="appointment"].starts73
{ top: 76.041667%; }
DIV[class~="appointment"].starts74
{ top: 77.083333%; }
DIV[class~="appointment"].starts75
{ top: 78.125000%; }
DIV[class~="appointment"].starts76
{ top: 79.166667%; }
DIV[class~="appointment"].starts77
{ top: 80.208333%; }
DIV[class~="appointment"].starts78
{ top: 81.250000%; }
DIV[class~="appointment"].starts79
{ top: 82.291667%; }
DIV[class~="appointment"].starts80
{ top: 83.333333%; }
DIV[class~="appointment"].starts81
{ top: 84.375000%; }
DIV[class~="appointment"].starts82
{ top: 85.416667%; }
DIV[class~="appointment"].starts83
{ top: 86.458333%; }
DIV[class~="appointment"].starts84
{ top: 87.500000%; }
DIV[class~="appointment"].starts85
{ top: 88.541667%; }
DIV[class~="appointment"].starts86
{ top: 89.583333%; }
DIV[class~="appointment"].starts87
{ top: 90.625000%; }
DIV[class~="appointment"].starts88
{ top: 91.666667%; }
DIV[class~="appointment"].starts89
{ top: 92.708333%; }
DIV[class~="appointment"].starts90
{ top: 93.750000%; }
DIV[class~="appointment"].starts91
{ top: 94.791667%; }
DIV[class~="appointment"].starts92
{ top: 95.833333%; }
DIV[class~="appointment"].starts93
{ top: 96.875000%; }
DIV[class~="appointment"].starts94
{ top: 97.916667%; }
DIV[class~="appointment"].starts95
{ top: 98.958333%; }
DIV[class~="appointment"].starts96
{ top: 100.000000%; }
DIV[class~="appointment"].lasts0
{ height: 0px; }
DIV[class~="appointment"].lasts1
{ height: 1.041667%; }
DIV[class~="appointment"].lasts2
{ height: 2.083333%; }
DIV[class~="appointment"].lasts3
{ height: 3.125000%; }
DIV[class~="appointment"].lasts4
{ height: 4.166667%; }
DIV[class~="appointment"].lasts5
{ height: 5.208333%; }
DIV[class~="appointment"].lasts6
{ height: 6.250000%; }
DIV[class~="appointment"].lasts7
{ height: 7.291667%; }
DIV[class~="appointment"].lasts8
{ height: 8.333333%; }
DIV[class~="appointment"].lasts9
{ height: 9.375000%; }
DIV[class~="appointment"].lasts10
{ height: 10.416667%; }
DIV[class~="appointment"].lasts11
{ height: 11.458333%; }
DIV[class~="appointment"].lasts12
{ height: 12.500000%; }
DIV[class~="appointment"].lasts13
{ height: 13.541667%; }
DIV[class~="appointment"].lasts14
{ height: 14.583333%; }
DIV[class~="appointment"].lasts15
{ height: 15.625000%; }
DIV[class~="appointment"].lasts16
{ height: 16.666667%; }
DIV[class~="appointment"].lasts17
{ height: 17.708333%; }
DIV[class~="appointment"].lasts18
{ height: 18.750000%; }
DIV[class~="appointment"].lasts19
{ height: 19.791667%; }
DIV[class~="appointment"].lasts20
{ height: 20.833333%; }
DIV[class~="appointment"].lasts21
{ height: 21.875000%; }
DIV[class~="appointment"].lasts22
{ height: 22.916667%; }
DIV[class~="appointment"].lasts23
{ height: 23.958333%; }
DIV[class~="appointment"].lasts24
{ height: 25.000000%; }
DIV[class~="appointment"].lasts25
{ height: 26.041667%; }
DIV[class~="appointment"].lasts26
{ height: 27.083333%; }
DIV[class~="appointment"].lasts27
{ height: 28.125000%; }
DIV[class~="appointment"].lasts28
{ height: 29.166667%; }
DIV[class~="appointment"].lasts29
{ height: 30.208333%; }
DIV[class~="appointment"].lasts30
{ height: 31.250000%; }
DIV[class~="appointment"].lasts31
{ height: 32.291667%; }
DIV[class~="appointment"].lasts32
{ height: 33.333333%; }
DIV[class~="appointment"].lasts33
{ height: 34.375000%; }
DIV[class~="appointment"].lasts34
{ height: 35.416667%; }
DIV[class~="appointment"].lasts35
{ height: 36.458333%; }
DIV[class~="appointment"].lasts36
{ height: 37.500000%; }
DIV[class~="appointment"].lasts37
{ height: 38.541667%; }
DIV[class~="appointment"].lasts38
{ height: 39.583333%; }
DIV[class~="appointment"].lasts39
{ height: 40.625000%; }
DIV[class~="appointment"].lasts40
{ height: 41.666667%; }
DIV[class~="appointment"].lasts41
{ height: 42.708333%; }
DIV[class~="appointment"].lasts42
{ height: 43.750000%; }
DIV[class~="appointment"].lasts43
{ height: 44.791667%; }
DIV[class~="appointment"].lasts44
{ height: 45.833333%; }
DIV[class~="appointment"].lasts45
{ height: 46.875000%; }
DIV[class~="appointment"].lasts46
{ height: 47.916667%; }
DIV[class~="appointment"].lasts47
{ height: 48.958333%; }
DIV[class~="appointment"].lasts48
{ height: 50.000000%; }
DIV[class~="appointment"].lasts49
{ height: 51.041667%; }
DIV[class~="appointment"].lasts50
{ height: 52.083333%; }
DIV[class~="appointment"].lasts51
{ height: 53.125000%; }
DIV[class~="appointment"].lasts52
{ height: 54.166667%; }
DIV[class~="appointment"].lasts53
{ height: 55.208333%; }
DIV[class~="appointment"].lasts54
{ height: 56.250000%; }
DIV[class~="appointment"].lasts55
{ height: 57.291667%; }
DIV[class~="appointment"].lasts56
{ height: 58.333333%; }
DIV[class~="appointment"].lasts57
{ height: 59.375000%; }
DIV[class~="appointment"].lasts58
{ height: 60.416667%; }
DIV[class~="appointment"].lasts59
{ height: 61.458333%; }
DIV[class~="appointment"].lasts60
{ height: 62.500000%; }
DIV[class~="appointment"].lasts61
{ height: 63.541667%; }
DIV[class~="appointment"].lasts62
{ height: 64.583333%; }
DIV[class~="appointment"].lasts63
{ height: 65.625000%; }
DIV[class~="appointment"].lasts64
{ height: 66.666667%; }
DIV[class~="appointment"].lasts65
{ height: 67.708333%; }
DIV[class~="appointment"].lasts66
{ height: 68.750000%; }
DIV[class~="appointment"].lasts67
{ height: 69.791667%; }
DIV[class~="appointment"].lasts68
{ height: 70.833333%; }
DIV[class~="appointment"].lasts69
{ height: 71.875000%; }
DIV[class~="appointment"].lasts70
{ height: 72.916667%; }
DIV[class~="appointment"].lasts71
{ height: 73.958333%; }
DIV[class~="appointment"].lasts72
{ height: 75.000000%; }
DIV[class~="appointment"].lasts73
{ height: 76.041667%; }
DIV[class~="appointment"].lasts74
{ height: 77.083333%; }
DIV[class~="appointment"].lasts75
{ height: 78.125000%; }
DIV[class~="appointment"].lasts76
{ height: 79.166667%; }
DIV[class~="appointment"].lasts77
{ height: 80.208333%; }
DIV[class~="appointment"].lasts78
{ height: 81.250000%; }
DIV[class~="appointment"].lasts79
{ height: 82.291667%; }
DIV[class~="appointment"].lasts80
{ height: 83.333333%; }
DIV[class~="appointment"].lasts81
{ height: 84.375000%; }
DIV[class~="appointment"].lasts82
{ height: 85.416667%; }
DIV[class~="appointment"].lasts83
{ height: 86.458333%; }
DIV[class~="appointment"].lasts84
{ height: 87.500000%; }
DIV[class~="appointment"].lasts85
{ height: 88.541667%; }
DIV[class~="appointment"].lasts86
{ height: 89.583333%; }
DIV[class~="appointment"].lasts87
{ height: 90.625000%; }
DIV[class~="appointment"].lasts88
{ height: 91.666667%; }
DIV[class~="appointment"].lasts89
{ height: 92.708333%; }
DIV[class~="appointment"].lasts90
{ height: 93.750000%; }
DIV[class~="appointment"].lasts91
{ height: 94.791667%; }
DIV[class~="appointment"].lasts92
{ height: 95.833333%; }
DIV[class~="appointment"].lasts93
{ height: 96.875000%; }
DIV[class~="appointment"].lasts94
{ height: 97.916667%; }
DIV[class~="appointment"].lasts95
{ height: 98.958333%; }
DIV[class~="appointment"].lasts96
{ height: 100.000000%; }