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-block; }

TD DIV.colorBox, TD DIV.colorBox:hover
{ border-color: #fff; }

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; }

#calendarList .badge
{ margin-left: 4px; }

#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-right: 4px; }

#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: 97px;
  bottom: 0px;
  border-top: 1px solid #ccc;
  overflow: auto;
  overflow-x: hidden;
  right: 0px; }

DIV#calendarHeader
{ top: 25px;
  border: 0px;
  height: 85px;
  right: 0px; }

DIV#calendarHeader DIV.calendarLabels,
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.calendarLabels
{ top: 11px;
  height: 20px; 
  border-left: 1px solid #ccc;
  text-align: center;
  font-size:150%;
}
.calendarsToDisplay
{ border-top: 2px solid #fff; }
DIV#calendarHeader DIV.dayLabels
{ top: 32px;
  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: 67px;
  z-index:0;
  border-bottom:1px solid #ccc;
  background:white;
 }

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
{ display: inline-block;
  position: relative;
  float: left;
  top: 0px;
  left: 0;
  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;
  left: 0;
  right: 0;
  top: 0;
  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%; }

/* "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;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor:move; }

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; }

DIV#calendarContent .alert-box {
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    padding:10px 10px 10px 36px;
    margin:10px;
}

DIV#calendarContent .alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}

.error {
    background:#ffecec url('error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9 url('success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.warning {
    background:#fff8c4 url('warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc url('notice.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}

DIV#DnDVisualEvents
{ background-image: url(event7.png); }

DIV#DnDVisualTasks
{ background-image: url(task.png); }

DIV#DnDVisualEvents, DIV#DnDVisualTasks
{
  background-repeat: no-repeat;
  background-position: 4px 2px;
  width: 5px;
  height: 20px;
  padding-left: 24px;
  padding-top: 5px;
}

#DnDLeftPanelImage
{
  position:absolute;
  z-index:1;
  left:0;
  top:0;
}