sogo/UI/WebServerResources/SchedulerUI.css

1489 lines
27 KiB
CSS

DIV#leftPanel
{ position: absolute;
top: 80px;
left: 0px;
width: 19.25em;
bottom: 0px;
background-color: #CCDDEC;
overflow: auto;
overflow-x: hidden; }
DIV#schedulerTabs
{ position: absolute;
top: 4px;
left: 1px;
right: 0px;
height: 186px; }
DIV#schedulerTabs .tabs
{ right: 5px; }
DIV#schedulerTabs .tab
{ left: 0px;
right: 0px; }
DIV#calendarSelectorButtons
{ padding-left: 6px; }
DIV.colorBox
{ display: inline;
font-weight: normal;
margin-right: 3px;
font-size: 80%;
width: 1em;
height: .75em;
-webkit-border-radius: 2px;
border-radius: 2px; }
UL#calendarList
{ cursor: default;
clear: left;
margin: 0px;
padding: 0px;
list-style-type: none;
list-style-image: none;
-moz-user-select: none;
-khtml-user-select: none; }
UL#calendarList LI
{ cursor: pointer;
width: 100%;
white-space: nowrap;
line-height: 2em;
padding-left: 10px; }
#tasksList .duelater,
#tasksList .duetoday,
#tasksList .overdue
{ font-weight: bold; }
#tasksList .overdue,
#tasksList .important
{ color: #f00 !important; }
#tasksList .low
{ color: #666 !important; }
#tasksList .duetoday
{ color: #00f !important; }
#tasksList .completed span
{ text-decoration: line-through;
color: #000; }
#tasksList .important SPAN
{ background-image: url(important.png);
background-repeat: no-repeat;
background-position: 3px 2px;
padding-left: 10px;
}
#tasksList SPAN
{ padding-left: 2px; }
#tasksList ._selected.overdue
{ color: #fff !important;
background-color: #f00 !important; }
#tasksList ._selected.duetoday
{ color: #fff !important;
background-color: #00f !important; }
#tasksList ._selected.duelater,
#tasksList ._selected.completed
{ color: #fff !important;
background-color: #9ABCD8 !important; }
DIV#rightPanel
{ position: absolute;
top: 80px;
left: 19.25em;
right: 0px;
bottom: 0px;
margin-left: 5px;
overflow: hidden; }
/* top lists in tabs */
DIV#eventsListView,
DIV#tasksListView
{ cursor: default;
background-color: #FFFFFF;
overflow: hidden;
overflow-y: auto; }
DIV#calendarView
{ position: absolute;
background-color: #fff;
top: 18em;
margin-top: 5px;
bottom: 0px;
width: 100%;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
-moz-user-select: none;
-khtml-user-select: none; }
DIV#calendarView A
{ text-decoration: none;
font: inherit;
color: inherit; }
#verticalDragHandle
{ cursor: e-resize;
border: 0px;
top: 81px;
bottom: 0px;
left: 19.25em;
width: 5px; }
#rightDragHandle
{ cursor: n-resize;
top: 18em;
left: 0px;
right: 0px;
height: 5px; }
DIV#dateSelectorView
{ overflow: hidden; }
#dateSelector
{ margin: 0px auto;
background-color: #fff;
border-top: 1px solid #909090 !important;
border-left: 1px solid #FFFFFF !important;
border-bottom: 1px solid #909090 !important;
border-right: 1px solid #909090 !important; }
#dateSelector > .header
{ background-color: #efefef;
width: 100%;
white-space: nowrap;
vertical-align: middle;
text-align: center;
padding: .2em 0px;
margin: 0px;
border: 0px; }
#dateSelector > .header #leftArrow
{ float: left;
margin-top: 3px; }
#dateSelector > .header #rightArrow
{ float: right;
margin-top: 3px;
margin-right: 2px; }
#dateSelector > .header SPAN
{ cursor: default;
font-size: medium;
vertical-align: middle;
font-weight: bold;
border: 1px solid transparent; }
#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,
#dateSelector TABLE TABLE
{ border-collapse: collapse;
text-align: center;
margin: 0px auto;
width: 100%; }
TABLE#dateSelectorTable
{ margin-bottom: 5px; }
TABLE#dateSelectorTable TD TABLE TD
{ width: 5px; /* temp hack */ }
TABLE#dateSelectorTable TD TABLE TD.activeDay,
TABLE#dateSelectorTable TD TABLE TD.inactiveDay,
TABLE#dateSelectorTable TD TABLE TD.dayOfToday
{ width: 100%; }
#dateSelector TABLE TABLE TD.activeDay,
#dateSelector TABLE TABLE TD.inactiveDay,
#dateSelector TABLE TABLE TD.dayOfToday
{ cursor: pointer;
margin: 0px;
padding: 0px;
border: 1px solid #fff; }
#dateSelectorTable TABLE TD.activeDay:hover,
#dateSelectorTable TABLE TD.inactiveDay:hover
{ border: 1px solid #CCDDEC; }
#dateSelectorTable TABLE TD.activeDay:active,
#dateSelectorTable TABLE TD.inactiveDay:active
{ background-color: #ddd; }
#dateSelectorTable TD SPAN
{ display: block;
color: #000;
background: inherit; }
#dateSelector TD.inactiveDay SPAN
{ color: #dedfde; }
#dateSelector TD.dayOfToday
{ background-color: #CCDDEC;
border: 1px solid #CCDDEC; }
#dateSelectorTable TABLE TD._selected SPAN
{ color: #fff; }
#dateSelectorTable TD.activeDay + TD,
#dateSelectorTable TD.inactiveDay + TD,
#dateSelectorTable TD.dayOfToday + TD
{ visibility: hidden;
display: none; }
TABLE#eventsList,
TABLE#tasksList
{ width: 100%; }
TABLE#eventsList .colorBox
{ margin-left: 2px; }
#eventsList TD.headerTitle,
#eventsList TD.headerDateTime
{ width: 30%; }
#tasksList .headerPriority
{ width: 80px;}
TABLE#eventsList TD,
TABLE#eventsList TH,
TABLE#tasksList TD,
TABLE#tasksList TH
{ overflow: hidden;
line-height: 1.5em;
white-space: nowrap; } /* pre, normal, nowrap */
TABLE#eventsList TH,
TABLE#tasksList TH
{ white-space: pre; }
TABLE#tasksList TD#taskCompletedHeader
{ text-align: center;
width: 20px; }
TABLE#eventsList THEAD TD:last-child,
TABLE#tasksList THEAD TD:last-child
{ border-right: 0px; }
.filterPanel,
#schedulerTabs .tab label
{ display: block;
margin: 0;
padding: 0 0 5px 5px;
background-color: #eee;
background-color: #E6E7E6; }
DIV#eventDialog
{ width: 200px; }
DIV#eventDialog H1,
DIV#eventDialog P
{ font-size: 13px;
margin: 0;
padding: 0; }
DIV#eventDialog SPAN.label
{ color: #444; }
DIV#eventDialog .description
{ margin-top: 1em;
font-size: 11px;
max-height: 125px;
overflow: auto;
border-top: 1px solid #eee; }
._unfocused#dateSelector TD._selected,
UL._unfocused > LI._selected,
TABLE._unfocused#eventsList TR._selected TD
{ background-color: #B3CCE2 !important;
color: #fff !important; }
SPAN.dayCellLabel
{ color: #77a;
font-weight: bold; }
SPAN.daysHeader,
SPAN.weeksHeader,
SPAN.monthsHeader
{ display: block;
white-space: nowrap;
text-align: center;
background-color: #DFDFDF;
overflow: hidden;
width: 100%;
margin: 0px;
height: 3em;
padding: 2px 0px;
border-bottom: 1px solid #ccc; }
SPAN.daysHeader SPAN,
SPAN.weeksHeader SPAN,
SPAN.monthsHeader SPAN
{ font-size: large;
margin: .1em;
padding: 6px 12px;
text-align: center;
line-height: 1.5em;
border: 1px solid transparent;
vertical-align: top; }
SPAN.daysHeader A,
SPAN.weeksHeader A,
SPAN.monthsHeader A
{ border: 1px solid transparent;
line-height: 1.5em;
padding: 0px 0.7em; }
.day1 A:hover,
.week1 A:hover,
.month1 A:hover
{ border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #828482;
border-right: 1px solid #828482; }
.day1 A:active,
.week1 A:active,
.month1 A:active
{ border-top: 1px solid #828482;
border-left: 1px solid #828482;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff; }
#listCollapse
{ position: absolute;
top: .2em;
right: 0;
margin: 0.5em 1em; }
#listCollapse img
{ position: absolute; }
#listCollapse img.collapse
{ clip: rect(0 18px 18px 0);
left: 0;
top: 0; }
#listCollapse img.collapse:hover
{ clip: rect(0 36px 18px 18px);
left: -18px; }
#listCollapse img.rise
{ clip: rect(18px 18px 36px 0);
left: 0;
top: -18px; }
#listCollapse img.rise:hover
{ clip: rect(18px 36px 36px 18px);
left: -18px; }
DIV#calendarHeader,
DIV#daysView
{ position: absolute;
top: 0px;
left: 0px; }
DIV#daysView
{ top: 120px;
bottom: 0px;
border-top: 1px solid #ccc;
overflow: auto;
overflow-x: hidden;
right: 0px;}
DIV#calendarHeader
{ top: 50px;
border: 0px;
height: 100px;
right: 0px; }
DIV#calendarHeader DIV.dayLabels,
DIV#calendarHeader DIV.days
{ position: absolute;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
left: 50px;
/* 'right' is computed from JS code when daysView is first drawn */
overflow: hidden; }
DIV#calendarHeader DIV.dayLabels
{ top: 0px;
height: 35px; }
DIV#calendarHeader DIV.dayLabels DIV.day
{ text-align: center;
color: #666;
background-color: #E7E7E7; }
DIV#calendarHeader SPAN.dayOfWeek
{ font-size: medium; }
DIV#calendarHeader DIV.dayLabels
{ cursor: default; }
DIV#calendarHeader DIV.days
{ cursor: pointer;
bottom: 0px;
top: 35px; }
DIV#calendarHeader DIV.day,
DIV#daysView DIV.day
{ position: absolute;
border-left: 1px solid #ccc; }
DIV#calendarHeader DIV.day
{ height: 100%; }
DIV#calendarHeader DIV.days DIV.day
{ overflow: auto;
overflow-x: hidden; }
.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-color: #ccc;
color: #222; }
DIV.eventView
{ display: block;
overflow: hidden;
white-space: nowrap;
border: 1px solid #000; }
/* new draggable presentation */
DIV#daysView DIV.hours
{ position: absolute;
top: 0px;
left: 0px;
height: 960px;
width: 50px; }
DIV#daysView DIV.hour
{ position: relative;
left: 0px;
top: 0px;
padding-top: 2px;
padding-right: 2px;
text-align: right;
right: 0px;
height: 37px;
font-weight: bold;
border-bottom: 1px solid #ccc; }
DIV#daysView DIV.days
{ position: relative;
margin-left: 50px; }
DIV.multicolumnDayView DIV.lastDayUser
{ border-right: 1px solid #ccc; }
DIV.monthView
{ position: absolute;
left: .5em;
top: 40px;
right: 1em;
bottom: 1em;
min-width: 20em;
min-height: 25em; }
DIV.monthView > DIV,
DIV.monthView > DIV.days > DIV
{ position: absolute; }
DIV.monthView > DIV.headerDay
{ text-align: center;
cursor: default;
padding-top: .5em;
border-left: 1px solid #909090 !important;
border-top: 1px solid #909090 !important;
top: 0px;
color: #666;
height: 1.5em;
font-weight: bold;
background-color: #E7E7E7; }
DIV.dayOfAnotherMonth
{ background-color: #e7efef; }
DIV.monthView DIV.dayHeader
{ margin-right: 0px;
height: 20px;
padding-top: 2px;
padding-right: 2px;
text-align: right;
cursor: pointer;
color: #666;
-moz-user-select: none; }
DIV#monthDaysView DIV.selectedDay DIV.dayHeader
{ font-weight: bold; }
DIV.monthView DIV.days
{ top: 2em;
cursor: pointer;
bottom: 0px;
left: 0px;
right: 0px; }
DIV.monthView DIV.day
{ position: absolute;
border-left: 1px solid #909090;
border-top: 1px solid #909090;
min-height: 40px;
overflow: auto;
overflow-x: hidden; }
DIV#daysView DIV.day DIV.clickableHourCell
{ cursor: pointer;
height: 39px;
background-color: #fff;
border-bottom: 1px solid #ccc; }
DIV#calendarHeader DIV.days DIV.weekEndDay,
DIV#daysView DIV.day DIV.clickableHourCell.outOfDay,
DIV#daysView DIV.weekEndDay DIV.clickableHourCell,
DIV#daysView DIV.weekEndDay DIV.clickableHourCell.outOfDay
{ background-color: #e6e7e6; }
DIV#monthDaysView DIV.dayOfToday,
DIV.daysViewFor7Days#calendarHeader DIV.days DIV.dayOfToday,
DIV.daysViewFor7Days#daysView DIV.dayOfToday DIV.clickableHourCell
{ background-color: #d6dfe9; }
DIV.daysViewFor7Days#daysView DIV.dayOfToday DIV.clickableHourCell.outOfDay
{ background-color: #ccddec; }
DIV.daysViewFor7Days#calendarHeader DIV.days DIV.selectedDay,
DIV.daysViewFor7Days#daysView DIV.selectedDay DIV.clickableHourCell,
DIV#monthDaysView DIV.selectedDay
{ background-color: #ffe79c; }
DIV.daysViewFor7Days#calendarHeader DIV.days DIV.selectedDay.weekEndDay,
DIV.daysViewFor7Days#daysView DIV.selectedDay.weekEndDay DIV.clickableHourCell,
DIV.daysViewFor7Days#daysView DIV.selectedDay DIV.clickableHourCell.outOfDay
{ background-color: #f5dd92; }
.minutes15, .minutes30, .minutes45
{ display: block;
height: 9px;
border-bottom: 1px dotted #eee; }
.minutes30
{ border-bottom: 1px dotted #ccc; }
DIV.weekOf4
{ height: 25%; }
DIV.weekOf5
{ height: 20%; }
DIV.weekOf6
{ height: 16.666667%; }
DIV.monthView DIV.week0of4,
DIV.monthView DIV.week0of5,
DIV.monthView DIV.week0of6
{ top: 0px; }
DIV.monthView DIV.week1of4
{ top: 25%; }
DIV.monthView DIV.week2of4
{ top: 50%; }
DIV.monthView DIV.week3of4
{ top: 75%; }
DIV.monthView DIV.week1of5
{ top: 20%; }
DIV.monthView DIV.week2of5
{ top: 40%; }
DIV.monthView DIV.week3of5
{ top: 60%; }
DIV.monthView DIV.week4of5
{ top: 80%; }
DIV.monthView DIV.week1of6
{ top: 16.666667%; }
DIV.monthView DIV.week2of6
{ top: 33.333333%; }
DIV.monthView DIV.week3of6
{ top: 50%; }
DIV.monthView DIV.week4of6
{ top: 66.666667%; }
DIV.monthView DIV.week5of6
{ top: 83.333333%; }
DIV.monthView DIV.week3
{ top: 45%; }
DIV.monthView DIV.week4
{ top: 60%; }
DIV.monthView DIV.week5
{ top: 75%; }
DIV.monthView DIV.week6
{ top: 90%; }
DIV.monthView DIV.week3of4,
DIV.monthView DIV.week4of5,
DIV.monthView DIV.week5of6
{ border-bottom: 2px solid #909090 !important; }
DIV.daysViewFor1Days DIV.day
{ width: 100%; }
DIV.monthView DIV.headerDay,
DIV.monthView DIV.day,
DIV.daysViewFor7Days DIV.day
{ width: 14.2857%; }
DIV.monthView DIV.day0,
DIV.daysViewFor7Days DIV.day0
{ left: 0px; }
DIV.monthView DIV.day1,
DIV.daysViewFor7Days DIV.day1
{ left: 14.2857%; }
DIV.monthView DIV.day2,
DIV.daysViewFor7Days DIV.day2
{ left: 28.5714%; }
DIV.monthView DIV.day3,
DIV.daysViewFor7Days DIV.day3
{ left: 42.8571%; }
DIV.monthView DIV.day4,
DIV.daysViewFor7Days DIV.day4
{ left: 57.1428%; }
DIV.monthView DIV.day5,
DIV.daysViewFor7Days DIV.day5
{ left: 71.4285%; }
DIV.monthView DIV.day6,
DIV.daysViewFor7Days DIV.day6
{ left: 85.7142%;
border-right: 1px solid #909090; }
/* "left" and "width" for #daysView DIV.event are computed in JS code */
#daysView DIV.event
{ cursor: default;
margin-right: 1px;
position: absolute; }
DIV#daysView DIV.event.starts0
{ top: 0px; }
DIV#daysView DIV.event.starts1
{ top: 10px; }
DIV#daysView DIV.event.starts2
{ top: 20px; }
DIV#daysView DIV.event.starts3
{ top: 30px; }
DIV#daysView DIV.event.starts4
{ top: 40px; }
DIV#daysView DIV.event.starts5
{ top: 50px; }
DIV#daysView DIV.event.starts6
{ top: 60px; }
DIV#daysView DIV.event.starts7
{ top: 70px; }
DIV#daysView DIV.event.starts8
{ top: 80px; }
DIV#daysView DIV.event.starts9
{ top: 90px; }
DIV#daysView DIV.event.starts10
{ top: 100px; }
DIV#daysView DIV.event.starts11
{ top: 110px; }
DIV#daysView DIV.event.starts12
{ top: 120px; }
DIV#daysView DIV.event.starts13
{ top: 130px; }
DIV#daysView DIV.event.starts14
{ top: 140px; }
DIV#daysView DIV.event.starts15
{ top: 150px; }
DIV#daysView DIV.event.starts16
{ top: 160px; }
DIV#daysView DIV.event.starts17
{ top: 170px; }
DIV#daysView DIV.event.starts18
{ top: 180px; }
DIV#daysView DIV.event.starts19
{ top: 190px; }
DIV#daysView DIV.event.starts20
{ top: 200px; }
DIV#daysView DIV.event.starts21
{ top: 210px; }
DIV#daysView DIV.event.starts22
{ top: 220px; }
DIV#daysView DIV.event.starts23
{ top: 230px; }
DIV#daysView DIV.event.starts24
{ top: 240px; }
DIV#daysView DIV.event.starts25
{ top: 250px; }
DIV#daysView DIV.event.starts26
{ top: 260px; }
DIV#daysView DIV.event.starts27
{ top: 270px; }
DIV#daysView DIV.event.starts28
{ top: 280px; }
DIV#daysView DIV.event.starts29
{ top: 290px; }
DIV#daysView DIV.event.starts30
{ top: 300px; }
DIV#daysView DIV.event.starts31
{ top: 310px; }
DIV#daysView DIV.event.starts32
{ top: 320px; }
DIV#daysView DIV.event.starts33
{ top: 330px; }
DIV#daysView DIV.event.starts34
{ top: 340px; }
DIV#daysView DIV.event.starts35
{ top: 350px; }
DIV#daysView DIV.event.starts36
{ top: 360px; }
DIV#daysView DIV.event.starts37
{ top: 370px; }
DIV#daysView DIV.event.starts38
{ top: 380px; }
DIV#daysView DIV.event.starts39
{ top: 390px; }
DIV#daysView DIV.event.starts40
{ top: 400px; }
DIV#daysView DIV.event.starts41
{ top: 410px; }
DIV#daysView DIV.event.starts42
{ top: 420px; }
DIV#daysView DIV.event.starts43
{ top: 430px; }
DIV#daysView DIV.event.starts44
{ top: 440px; }
DIV#daysView DIV.event.starts45
{ top: 450px; }
DIV#daysView DIV.event.starts46
{ top: 460px; }
DIV#daysView DIV.event.starts47
{ top: 470px; }
DIV#daysView DIV.event.starts48
{ top: 480px; }
DIV#daysView DIV.event.starts49
{ top: 490px; }
DIV#daysView DIV.event.starts50
{ top: 500px; }
DIV#daysView DIV.event.starts51
{ top: 510px; }
DIV#daysView DIV.event.starts52
{ top: 520px; }
DIV#daysView DIV.event.starts53
{ top: 530px; }
DIV#daysView DIV.event.starts54
{ top: 540px; }
DIV#daysView DIV.event.starts55
{ top: 550px; }
DIV#daysView DIV.event.starts56
{ top: 560px; }
DIV#daysView DIV.event.starts57
{ top: 570px; }
DIV#daysView DIV.event.starts58
{ top: 580px; }
DIV#daysView DIV.event.starts59
{ top: 590px; }
DIV#daysView DIV.event.starts60
{ top: 600px; }
DIV#daysView DIV.event.starts61
{ top: 610px; }
DIV#daysView DIV.event.starts62
{ top: 620px; }
DIV#daysView DIV.event.starts63
{ top: 630px; }
DIV#daysView DIV.event.starts64
{ top: 640px; }
DIV#daysView DIV.event.starts65
{ top: 650px; }
DIV#daysView DIV.event.starts66
{ top: 660px; }
DIV#daysView DIV.event.starts67
{ top: 670px; }
DIV#daysView DIV.event.starts68
{ top: 680px; }
DIV#daysView DIV.event.starts69
{ top: 690px; }
DIV#daysView DIV.event.starts70
{ top: 700px; }
DIV#daysView DIV.event.starts71
{ top: 710px; }
DIV#daysView DIV.event.starts72
{ top: 720px; }
DIV#daysView DIV.event.starts73
{ top: 730px; }
DIV#daysView DIV.event.starts74
{ top: 740px; }
DIV#daysView DIV.event.starts75
{ top: 750px; }
DIV#daysView DIV.event.starts76
{ top: 760px; }
DIV#daysView DIV.event.starts77
{ top: 770px; }
DIV#daysView DIV.event.starts78
{ top: 780px; }
DIV#daysView DIV.event.starts79
{ top: 790px; }
DIV#daysView DIV.event.starts80
{ top: 800px; }
DIV#daysView DIV.event.starts81
{ top: 810px; }
DIV#daysView DIV.event.starts82
{ top: 820px; }
DIV#daysView DIV.event.starts83
{ top: 830px; }
DIV#daysView DIV.event.starts84
{ top: 840px; }
DIV#daysView DIV.event.starts85
{ top: 850px; }
DIV#daysView DIV.event.starts86
{ top: 860px; }
DIV#daysView DIV.event.starts87
{ top: 870px; }
DIV#daysView DIV.event.starts88
{ top: 880px; }
DIV#daysView DIV.event.starts89
{ top: 890px; }
DIV#daysView DIV.event.starts90
{ top: 900px; }
DIV#daysView DIV.event.starts91
{ top: 910px; }
DIV#daysView DIV.event.starts92
{ top: 920px; }
DIV#daysView DIV.event.starts93
{ top: 930px; }
DIV#daysView DIV.event.starts94
{ top: 940px; }
DIV#daysView DIV.event.starts95
{ top: 950px; }
DIV#daysView DIV.event.lasts0
{ height: 0px; }
DIV#daysView DIV.event.lasts1
{ height: 10px; }
DIV#daysView DIV.event.lasts2
{ height: 20px; }
DIV#daysView DIV.event.lasts3
{ height: 30px; }
DIV#daysView DIV.event.lasts4
{ height: 40px; }
DIV#daysView DIV.event.lasts5
{ height: 50px; }
DIV#daysView DIV.event.lasts6
{ height: 60px; }
DIV#daysView DIV.event.lasts7
{ height: 70px; }
DIV#daysView DIV.event.lasts8
{ height: 80px; }
DIV#daysView DIV.event.lasts9
{ height: 90px; }
DIV#daysView DIV.event.lasts10
{ height: 100px; }
DIV#daysView DIV.event.lasts11
{ height: 110px; }
DIV#daysView DIV.event.lasts12
{ height: 120px; }
DIV#daysView DIV.event.lasts13
{ height: 130px; }
DIV#daysView DIV.event.lasts14
{ height: 140px; }
DIV#daysView DIV.event.lasts15
{ height: 150px; }
DIV#daysView DIV.event.lasts16
{ height: 160px; }
DIV#daysView DIV.event.lasts17
{ height: 170px; }
DIV#daysView DIV.event.lasts18
{ height: 180px; }
DIV#daysView DIV.event.lasts19
{ height: 190px; }
DIV#daysView DIV.event.lasts20
{ height: 200px; }
DIV#daysView DIV.event.lasts21
{ height: 210px; }
DIV#daysView DIV.event.lasts22
{ height: 220px; }
DIV#daysView DIV.event.lasts23
{ height: 230px; }
DIV#daysView DIV.event.lasts24
{ height: 240px; }
DIV#daysView DIV.event.lasts25
{ height: 250px; }
DIV#daysView DIV.event.lasts26
{ height: 260px; }
DIV#daysView DIV.event.lasts27
{ height: 270px; }
DIV#daysView DIV.event.lasts28
{ height: 280px; }
DIV#daysView DIV.event.lasts29
{ height: 290px; }
DIV#daysView DIV.event.lasts30
{ height: 300px; }
DIV#daysView DIV.event.lasts31
{ height: 310px; }
DIV#daysView DIV.event.lasts32
{ height: 320px; }
DIV#daysView DIV.event.lasts33
{ height: 330px; }
DIV#daysView DIV.event.lasts34
{ height: 340px; }
DIV#daysView DIV.event.lasts35
{ height: 350px; }
DIV#daysView DIV.event.lasts36
{ height: 360px; }
DIV#daysView DIV.event.lasts37
{ height: 370px; }
DIV#daysView DIV.event.lasts38
{ height: 380px; }
DIV#daysView DIV.event.lasts39
{ height: 390px; }
DIV#daysView DIV.event.lasts40
{ height: 400px; }
DIV#daysView DIV.event.lasts41
{ height: 410px; }
DIV#daysView DIV.event.lasts42
{ height: 420px; }
DIV#daysView DIV.event.lasts43
{ height: 430px; }
DIV#daysView DIV.event.lasts44
{ height: 440px; }
DIV#daysView DIV.event.lasts45
{ height: 450px; }
DIV#daysView DIV.event.lasts46
{ height: 460px; }
DIV#daysView DIV.event.lasts47
{ height: 470px; }
DIV#daysView DIV.event.lasts48
{ height: 480px; }
DIV#daysView DIV.event.lasts49
{ height: 490px; }
DIV#daysView DIV.event.lasts50
{ height: 500px; }
DIV#daysView DIV.event.lasts51
{ height: 510px; }
DIV#daysView DIV.event.lasts52
{ height: 520px; }
DIV#daysView DIV.event.lasts53
{ height: 530px; }
DIV#daysView DIV.event.lasts54
{ height: 540px; }
DIV#daysView DIV.event.lasts55
{ height: 550px; }
DIV#daysView DIV.event.lasts56
{ height: 560px; }
DIV#daysView DIV.event.lasts57
{ height: 570px; }
DIV#daysView DIV.event.lasts58
{ height: 580px; }
DIV#daysView DIV.event.lasts59
{ height: 590px; }
DIV#daysView DIV.event.lasts60
{ height: 600px; }
DIV#daysView DIV.event.lasts61
{ height: 610px; }
DIV#daysView DIV.event.lasts62
{ height: 620px; }
DIV#daysView DIV.event.lasts63
{ height: 630px; }
DIV#daysView DIV.event.lasts64
{ height: 640px; }
DIV#daysView DIV.event.lasts65
{ height: 650px; }
DIV#daysView DIV.event.lasts66
{ height: 660px; }
DIV#daysView DIV.event.lasts67
{ height: 670px; }
DIV#daysView DIV.event.lasts68
{ height: 680px; }
DIV#daysView DIV.event.lasts69
{ height: 690px; }
DIV#daysView DIV.event.lasts70
{ height: 700px; }
DIV#daysView DIV.event.lasts71
{ height: 710px; }
DIV#daysView DIV.event.lasts72
{ height: 720px; }
DIV#daysView DIV.event.lasts73
{ height: 730px; }
DIV#daysView DIV.event.lasts74
{ height: 740px; }
DIV#daysView DIV.event.lasts75
{ height: 750px; }
DIV#daysView DIV.event.lasts76
{ height: 760px; }
DIV#daysView DIV.event.lasts77
{ height: 770px; }
DIV#daysView DIV.event.lasts78
{ height: 780px; }
DIV#daysView DIV.event.lasts79
{ height: 790px; }
DIV#daysView DIV.event.lasts80
{ height: 800px; }
DIV#daysView DIV.event.lasts81
{ height: 810px; }
DIV#daysView DIV.event.lasts82
{ height: 820px; }
DIV#daysView DIV.event.lasts83
{ height: 830px; }
DIV#daysView DIV.event.lasts84
{ height: 840px; }
DIV#daysView DIV.event.lasts85
{ height: 850px; }
DIV#daysView DIV.event.lasts86
{ height: 860px; }
DIV#daysView DIV.event.lasts87
{ height: 870px; }
DIV#daysView DIV.event.lasts88
{ height: 880px; }
DIV#daysView DIV.event.lasts89
{ height: 890px; }
DIV#daysView DIV.event.lasts90
{ height: 900px; }
DIV#daysView DIV.event.lasts91
{ height: 910px; }
DIV#daysView DIV.event.lasts92
{ height: 920px; }
DIV#daysView DIV.event.lasts93
{ height: 930px; }
DIV#daysView DIV.event.lasts94
{ height: 940px; }
DIV#daysView DIV.event.lasts95
{ height: 950px; }
DIV#daysView DIV.event.lasts96
{ height: 960px; }
DIV.event > DIV.eventInside
{ position: absolute;
overflow: hidden;
padding: 1px;
top: 0px;
bottom: 0px;
left: 2px;
right: 1px;
-webkit-border-radius: 2px;
border-radius: 2px; }
DIV.eventInside SPAN.location
{ font-size: smaller; }
DIV.gradient, DIV.text
{ position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
overflow: hidden; }
DIV.gradient > IMG
{ position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
min-height: 15px; /* for 15-minute events */
width: 100%; }
DIV.event._selected > DIV.eventInside > DIV.gradient
{ display: none; }
DIV.text SPAN.icons
{ float: right; }
DIV.text SPAN IMG
{ vertical-align: middle; }
DIV#calendarHeader DIV.event,
DIV.monthView DIV.event
{ position: relative;
cursor: default;
margin-right: 0px;
left: 0px;
right: 0px;
margin-right: 1px;
white-space: nowrap;
height: 20px; }
DIV.eventInside.tentative,
DIV.eventInside.needs-action
{ -moz-opacity: 0.7;
opacity: 0.7; }
DIV.eventInside.needs-action
{ border: 2px dotted #000; }
DIV.eventInside.tentative DIV.text,
DIV.eventInside.needs-action DIV.text
{ top: 0px;
left: 2px; }
DIV.eventInside.delegated,
DIV.eventInside.declined
{ -moz-opacity: 0.4;
opacity: 0.4; }
/* event DnD */
DIV.event DIV.topDragGrip,
DIV.event DIV.bottomDragGrip
{ position: absolute;
border: 0px;
left: 1px;
right: 1px;
height: 5px;
background-repeat: no-repeat;
background-position: center; }
DIV.event DIV.topDragGrip
{ top: 1px; }
DIV.event DIV.bottomDragGrip
{ bottom: 1px; }
DIV.event DIV.leftDragGrip,
DIV.event DIV.rightDragGrip
{ position: absolute;
border: 0px;
top: 4px;
height: 11px;
width: 3px;
background-repeat: no-repeat;
background-position: center; }
DIV.event DIV.leftDragGrip
{ left: 1px; }
DIV.event DIV.rightDragGrip
{ right: 1px; }
#daysView DIV.event.dragging
{ left: 0px !important;
right: 0px !important; }
DIV.event.dragging > DIV.eventInside
{ -moz-opacity: 1 !important;
border: 1px dashed #555;
opacity: 1 !important;
background-color: transparent !important; }
DIV.event.dragging DIV.text
{ color: #555;
top: 0px;
left: 0px; }
DIV.event.dragging IMG,
DIV.event.dragging DIV.topDragGrip,
DIV.event.dragging DIV.bottomDragGrip,
DIV.event.dragging DIV.leftDragGrip,
DIV.event.dragging DIV.rightDragGrip
{ display: none; }
DIV.event.draggable:hover DIV.topDragGrip
{ cursor: n-resize;
background-image: url(event-grippy-top.png); }
DIV.event.draggable:hover DIV.bottomDragGrip
{ cursor: s-resize;
background-image: url(event-grippy-bottom.png); }
DIV.event.draggable:hover DIV.leftDragGrip
{ cursor: w-resize;
background-image: url(event-grippy-vertical.png); }
DIV.event.draggable:hover DIV.rightDragGrip
{ cursor: e-resize;
background-image: url(event-grippy-vertical.png); }
#daysView DIV.eventDragGhost
{ left: 0px; right: 0px; }
#daysView DIV.eventDragGhost > DIV.eventInside
{ padding: 0px;
border-left: 1px solid #555;
border-right: 1px solid #555; }
#daysView DIV.eventDragGhost.startGhost > DIV.eventInside
{ border-top: 1px solid #555; }
#daysView DIV.eventDragGhost.endGhost > DIV.eventInside
{ border-bottom: 1px solid #555; }
#monthDaysView DIV.eventDragGhost,
#calendarHeader DIV.eventDragGhost
{ position: absolute !important;
color: #fff;
left: 0px;
right: 0px;
margin-right: 1px;
border-top: 1px solid #555;
border-bottom: 1px solid #555; }
#monthDaysView DIV.eventDragGhost
{ top: 21px; }
#calendarHeader DIV.eventDragGhost
{ top: 0px; }
#monthDaysView DIV.eventDragGhost.startGhost,
#calendarHeader DIV.eventDragGhost.startGhost
{ border-left: 1px solid #555; }
#monthDaysView DIV.eventDragGhost.endGhost,
#calendarHeader DIV.eventDragGhost.endGhost
{ border-right: 1px solid #555; }
#ghostStartHour,
#ghostEndHour
{ position: absolute;
width: 100%;
vertical-align: baseline;
height: 14px;
left: 0px;
color: #222;
text-align: center; }
#ghostStartHour
{ top: -14px; }
#ghostEndHour
{ bottom: -14px; }
DIV#nowLineDisplay
{ position: relative;
width: 100%;
height: 2px;
background: red;
z-index: 49; }
DIV#freeBusyReplicas INPUT.textField
{ width: 7em; }
DIV#freeBusyReplicas a.calendarButton
{ right: 0px; }
DIV#freeBusyReplicas DIV
{ display: inline-block; height: 2em; }
TD.attendees A.button
{ float: left; left: 19px; margin-top: 5px; }