.calBox {
  color: #000;
  text-align:center;
  font-size: 12px;
  line-height: 40px;
}

.calElement {
  display: inline-block;
  overflow:hidden;
}

.calYear {
  font-size: 20px;
  border-bottom: 1px dashed #666;
  padding-bottom: 5px;
  margin-bottom: 5px;
  display:none;
}

.calYear .calElement {
  border: 1px solid #999999;
}
/*start changed*/
.calMonth {
    padding-bottom: 5px;
    margin-bottom: 5px;
    position:relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.prev-month,
.next-month{
    background:url(../images/bg-img/arrow01.png) no-repeat 3px 11px;
    width:20px;
    height:40px;
    position:absolute;
    left:50%;
    margin:0 0 0 -67px;
    z-index:120;
    cursor:pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.next-month{
    background-position:-83px -71px;
    margin:0 0 0 48px;
}
.calMonth .calElement {
    font-size: 10px;
    font-family: 'proxima_nova_rgbold';
    letter-spacing:1px;
    text-transform:uppercase;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    visibility:hidden;
}
.show-all-month{
    width:120px;
    position:absolute;
    left:50%;
    top:0;
    margin:0 0 0 -60px;
    font-size: 10px;
    font-family: 'proxima_nova_rgbold';
    letter-spacing:1px;
    text-transform:uppercase;
    color:#ff3631;
    display:none;
    z-index:100;
}
.calMonth .calElement.selected,
.calMonth .calElement.today.selected{
    background:none;
    color:#ff3631;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    visibility:visible;
}
.calMonth .calElement.selected{

}
.calDay {
    height:46px;
}
.calDay .calElement {
    font-size: 30px;
}
.calDay .calElement.next,
.calDay .calElement.prev {
    background:url(../images/bg-img/arrow01.png) no-repeat 3px 11px;
    width:20px;
    height:40px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.calDay .calElement.next {
    background:url(../images/bg-img/arrow01.png) no-repeat -83px -71px;
}
.calBox .calMonth:hover .prev-month,
.calBox .calMonth:hover .next-month,
.calBox .calDay:hover  .calElement.prev,
.calBox .calDay:hover .calElement.next{
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.calBox .calMonth .prev-month:hover,
.calBox .calMonth .next-month:hover,
.calBox .calDay span.calElement.next:hover,
.calBox .calDay span.calElement.prev:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*end changed*/
span.calElement.next:hover, span.calElement.prev:hover {
  cursor: pointer;
}

.calDay .calElement .dayNumber {
  font-size: 12px;
}

.calElement.selected {
  background-color: #ff3631;
  color:#fff;
}

.calElement.selected a{;
    color:#fff;
}

span.calElement:hover {
  
  cursor: pointer;
}

.calElement.today {
}
.calDay .calElement.selected{
	width:97px !important;
}
.calDay .calElement.selected .dayNumber{
	font-size:30px;
}