/* events */
div.calendar_date_select {
  z-index: 1010;
}
div.moccaevent {
  border-style:solid;
  border-width:0 0 0 5px;
  padding-left: 5px;
}
div.moccaevent h5 {
  margin-bottom: 5px;
}

/* events in the modal dialog */
div.xdialog-box-moccacal-modal-popup .btn-group.btn-group-left {
  float: left;
}
div.xdialog-box-moccacal-modal-popup .btn-group.btn-group-right {
  float: right;
}
div.xdialog-box-moccacal-modal-popup .btn-group .btn + .btn {
  margin-left: 1ex;
}
/* a special rule for flamingo to try to fit the edit form in the model dialog */
.skin-flamingo div.xdialog-box-moccacal-modal-popup .xform dl dt {
   margin-top: 0.6em;
}

/* calendar */
body .fc {
  padding-right: 1px; /* odd hack to avoid scrollbars in FF at times */
}
div.calendar-buttons {
  position: relative;
  margin-top: 2.4em;
}
.skin-flamingo div.calendar-buttons {
  margin-top: 2.8em;
}
div.calendar-buttons span.buttonwrapper {
  position: absolute;
  right: 0;
  top: -2.2em;
  margin: 0;
}
.skin-flamingo div.calendar-buttons span.buttonwrapper {
  right: 1px;
  top: -2.8em;
}
/* special rules if showing calendars as gadgets in the dashboard - everything is a bit smaller to fit in */
.gadget .fc-toolbar, .gadget div.calendar-buttons {
  font-size: 85%;
}
.gadget div.calendar-buttons span.buttonwrapper {
  top: -2em;
}
.skin-flamingo .gadget div.calendar-buttons span.buttonwrapper {
  top: -3.2em;
}
.gadget .fc h2 {
  border: 0;
}
.skin-flamingo .gadget .fc h2 {
  font-size: 140%;
}
