/* --- functional styling */
.dzscalendar {
  position: relative;
  height: 100%;
  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  -moz-transition-property: height;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: height;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: height;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  -ms-transition-property: height;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out; }

.dzscalendar table, .dzscalendar tbody, .dzscalendar tbody > tr {
  position: relative; }

.dzscalendar .events {
  display: none; }

.dzscalendar .calendar-controls {
  position: relative; }

.dzscalendar .theMonths {
  position: relative; }

.dzscalendar .theMonths > * {
  position: absolute;
  top: 0;
  left: 0; }

.dzscalendar .arrow-left,
.dzscalendar .arrow-right {
  position: absolute;
  top: 0;
  background: url('../../images/calendar-nav-bg.png') no-repeat;
  width: 26px;
  height: 100%;
  cursor: pointer;
}

.dzscalendar .arrow-left {
	left: 3px;
	background-position: left center;
}
 
.dzscalendar .arrow-right {
	right: 3px;
	background-position: right center;
}