

.calBox {
  background-color: white;
  padding: 0px;
  text-align: center;
  color: black;
}

.calElement {
  margin: 0;
  display: inline-block;
  overflow:hidden;
}

.calYear {
  font-size: 10px;
  border-bottom: 1px solid #666;
  padding-bottom: 0px;
  margin-bottom: 0px;
  background-color:white !important;
  color:black !important;
}

.calYear .calElement {

}

.calMonth {
	width:30px;
}

.calMonth .calElement {
  font-size: 10px;
  width:30px;
  display:none;
}
.calMonth .calElement.selected {
  display:block;
}

.calDay {
	width:30px;
}

.calDay .calElement {
  width:30px;
  height:14px;
  line-height:14px;
}
.calDay .calElement.selected {
	background:black;
	color:white;
}

.calDay .calElement.prev {
  background: transparent url(../img/prev.png) no-repeat center center;
  width: 30px;
  height: 15px;
  /* -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); */
}

.calDay .calElement.next {
  background: transparent url(../img/next.png) no-repeat center center;
  width: 30px;
  height: 15px;
  /* -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); */
}

span.calElement.next:hover, span.calElement.prev:hover {
  cursor: pointer;
}

.calDay .calElement .dayNumber {
  font-size: 12px;
  
}


.calElement.selected {
}

span.calElement:hover {
  cursor: pointer;
}

.calElement.today {
}
