DIV#attendeesMenu
{ overflow: auto;
  overflow-x: hidden; }

DIV#attendeesView
{ position: absolute;
  left: 1em;
  right: 1em;
  top: 1em;
  bottom: 1em; }

DIV#freeBusyView
{ background-color: #fff;
  position: absolute;
  margin-top: 0.5em;
  top: 2em;
  bottom: 14.5em;
  left: 0px;
  right: 0px;
  overflow: hidden;
  border-top: 1px solid #909090;
  border-left: 1px solid #909090;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff; }

SPAN.timeDateControl A:hover
{ text-decoration: none; }

TABLE
{ border-collapse: separate;
  table-layout: auto;
  border-spacing: 0px 0px; }

TABLE#freeBusyHeader TH
{ white-space: nowrap; }

TABLE#freeBusy TD,
TABLE#freeBusy TH
{ padding: 0px;
  margin: 0px;
  border: 0px;
  vertical-align: top; }

TABLE#freeBusy TD.freeBusyHeader DIV,
TABLE#freeBusy TD.freeBusyAttendees DIV
{ overflow: hidden; }

TABLE#freeBusy TD.freeBusyData DIV
{ overflow: scroll; }

TABLE#freeBusyAttendees TR.needs-action TD.attendees
{ background-image: url("needs-action.png");
  background-repeat: no-repeat;
  background-position: 5px center; }

TABLE#freeBusyAttendees TR.declined TD.attendees
{ background-image: url("declined.png");
  background-repeat: no-repeat;
  background-position: 5px center; }

TABLE#freeBusyAttendees TR.accepted TD.attendees
{ background-image: url("accepted.png");
  background-repeat: no-repeat;
  background-position: 5px center; }

TABLE#freeBusyHeader TR.freeBusyHeader2 TH
{ font-weight: normal; }

TABLE#freeBusyHeader TR.freeBusyHeader1 TH,
TABLE#freeBusyHeader TR.freeBusyHeader2 TH,
TABLE#freeBusyHeader TR.freeBusyHeader3 TH
{ text-align: left;
  color: #777;
  background: #fff; }

TABLE#freeBusyHeader TR.freeBusyHeader2 TH
{ padding-right: 2em; }

TABLE#freeBusyHeader TR.freeBusyHeader3 TH
{ border-left: 1px solid #fff;
  border-bottom: 1px solid #cecbff; }

TABLE#freeBusyAttendees TR.attendeeModel,
TABLE#freeBusyData TR.dataModel
{ display: none; }

TABLE#freeBusy TD.freeBusyHeader,
TABLE#freeBusy TD.freeBusyData
{ border-left: 2px solid #bbb; }

TABLE#freeBusyAttendees TD,
TABLE#freeBusyData TD
{ border-bottom: 1px solid #cecbff;
  border-left: 1px solid #cecbff;
  border-top: 0px;
  border-right: 0px;
  height: 24px;
  background-color: #fff; }

TABLE#freeBusyAttendees TD
{ border-left: 1px solid #fff; }

TABLE#freeBusyData TR.futureData TD
{ border-left: none; }

TABLE#freeBusy TD.freeBusyAttendees DIV
{ width: 16em; }

TABLE#freeBusyAttendees TD.attendees INPUT
{ background-image: url("abcard.gif");
  background-repeat: no-repeat;
  background-position: 4px center;
  border: 0px;
  width: 12em;
  padding-left: 24px;
  margin-left: 2em; }

TABLE#freeBusyAttendees TR.futureAttendee INPUT
{ background-image: none;
  color: #aaa; }

TABLE#freeBusyAttendees TR.futureAttendee TD,
TABLE#freeBusyData TR.futureData TD
{ border: 0;
  line-height: 3em; }

TABLE#freeBusyAttendees TR.futureAttendee TD A
{ margin-left: 20px; }

SPAN.freeBusyZoneElement
{ display: block;
  float: left;
  clear: right;
  width: 25%;
  margin: 0px;
  padding: 0px;
  border: 0px; }

TABLE#freeBusyHeader TR.freeBusyHeader3 SPAN.freeBusyZoneElement
{ height: 2px; }

TABLE#freeBusyHeader TR.freeBusyHeader3 SPAN.freeBusyZoneElement.busy
{ background-color: #f03 !important; }

TABLE#freeBusyData TD SPAN.freeBusyZoneElement
{ height: 23px; }

SPAN.colorBox.free,
TABLE#freeBusyData TD SPAN.freeBusyZoneElement
{ background-color: #ebebe4; }

DIV#freeBusyFooter
{ position: absolute;
  height: 14em;
  left: 0px;
  right: 0px;
  bottom: 0px;
  line-height: 2em;
  text-align: right; }

DIV#legend
{ margin-left: 1em;
  text-align: left; }

DIV#legend UL
{ cursor: default;
  float: left;
  width: 30%;
  margin: 0px;
  padding: 0px;
  line-height: 1.5em;
  list-style-type: none;
  list-style-image: none; }

DIV#legend UL LI
{ white-space: nowrap;
  margin: 0px;
  padding: 0px; }

DIV#legend UL IMG
{ margin-right: .5em; }

DIV#legend UL LI SPAN.colorBox
{ float: left;
  margin-right: .5em; }

SPAN.colorBox
{ display: block;
  float: right;
  border: 1px solid #333;
  margin: .12em;
  width: 1em;
  height: .75em; }

SPAN.colorBox.busy,
SPAN.freeBusyZoneElement.busy
{ background-color: #35556b !important; }

SPAN.colorBox.maybe-busy,
SPAN.freeBusyZoneElement.maybe-busy
{ background-color: #adc0d0 !important; }

SPAN.colorBox.noFreeBusy,
TABLE#freeBusyData TD.noFreeBusy
{ background-color: #e09ebd; }

DIV#freeBusyViewButtons
{ position: absolute;
  padding: 0px 3px 3px 3px;
  line-height: 2em;
  top: 0px;
  right: 0;
  padding-right: 16em; /* leave space for the next/previous buttons */
  text-align: right;
  left: auto; }

DIV#freeBusyViewButtons SPAN.buttons
{ position: absolute;
  top: 0px;
  left: auto;
  right: 0px; }

DIV#freeBusyViewButtons INPUT
{ clear: none; }

DIV#freeBusyZoomButtons
{ position: absolute;
  height: 2em;
  top: 0px;
  right: 0px; }

DIV#freeBusyReplicas
{ position: absolute;
  top: 5em;
  right: 0px;
  width: 30em;
  height: 4em; }

DIV#freeBusyReplicas LABEL
{ line-height: 1.5em; }

DIV#windowButtons
{ position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 4em;
  text-align: right; }

.officeHour
{ color: #666 !important;
  font-weight: bold !important; }

SPAN.content INPUT,
SPAN.content SELECT,
SPAN.content SPAN,
SPAN.timeDateControl INPUT,
SPAN.timeDateControl SELECT,
SPAN.timeDateControl SPAN,
DIV#freeBusyReplicas SPAN
{ vertical-align: top; }