.calBox {
  padding: 2px;
  text-align: center;
  color: white;
}

.calElement {
  padding: 0;
  display: block;
  overflow:hidden;
}

.calYear {
	position: absolute;
	top:45px;
	left:0;
	width: 140px;
	/*height: 45px;*/
	overflow: hidden;
	display: none;
	z-index: 10;

}

.calYear .calElement {
  border-top: 1px solid #ffffff;
  width: 140px !important;
  background-color: #009fda;
  color: #ffffff;
}

.calMonth {
	position: absolute;
	top:91px;
	left:0;
	width: 140px;
	/*height: 45px;*/
	overflow: hidden;
	display: none;
	z-index: 10;

  
}

.calMonth .calElement {
  border-top: 1px solid #ffffff;
  width: 140px !important;
  background-color: #009fda;
  color: #ffffff;
}

.calYear .calElement, .calMonth .calElement {
	max-width: 140px !important;
}

.calDay {
	position: absolute;
	top:0;
	left: 140px;
	width: 820px;
	height: 91px;
	overflow: hidden;	
}

.calDay .calElement {
  padding-top: 25px;
  font-size: 12px;
  border-left: 1px solid #ffffff;
  display: inline-block;
  width: 107px;
  height: 91px;
  background-color: #EEEEEE;
  color: #a7d6e6;
  overflow: hidden;
}

.calDay .hasEvent, .calDay .hasEvent span.dayNumber {
  color: #009fda;
}

.calDay .calElement.prev {
  background: #009fda url(../../images/arrow_left.png) no-repeat center center;
  border: 0;
  border-left: 1px solid #ffffff;
  width: 30px;
  height: 91px;
  padding-top: 0;
  vertical-align: top;
}

.calDay .calElement.next {
  background: #009fda url(../../images/arrow_right.png) no-repeat center center;
  border-left: 1px solid #ffffff;
  width: 30px;
  height: 91px;
  padding-top: 0;
  vertical-align: top;
}

span.calElement.next:hover, span.calElement.prev:hover {
  cursor: pointer;
}

.calDay .calElement .dayNumber {
  font-size: 26px;
  color: #a7d6e6;
}


.calElement.selected {
  background-color: #404040;
}

span.calElement:hover {
  background-color: #404040;
  cursor: pointer;
}

.calDay .calElement.selected,
.calDay .calElement.today,
.calDay .calElement.selected .dayNumber,
.calDay .calElement.today .dayNumber,
.calDay .calElement:hover,
.calDay .calElement:hover .dayNumber {
	background-color: #009fda;
	color: #ffffff;
}

.calDay .calElement.today,
.calDay .calElement.today .dayNumber{
    background-color: #EEEEEE;
	color: #009fda;
}