/* Month (table) */
.cal table {
  font-size: medium;
  color: #6F0025;
  background-color: #ffaa22;
 border:1px solid #a1a1a1;

}
/* Month name and year (caption) */
.cal caption {
  text-align: center;
  font-weight: bold;
  font-style: inherit;
  font-size: 12px;
  }
/* Weekday names (header row) */
.cal thead th {
  text-align: center;
  font-weight: bold;
  font-style: inherit;
  font-size: 10pt;
  color: #000000;
  width: 28px;
  height:27px;
   border:1px solid #a1a1a1;
   background:#557777;
   vertical-align:middle;
}
.cal-empty{
display:none;
}



/* Week notes (header column) */
.cal tbody th, .cal thead th.cal-weekno-header {
  width: 130px;
  color: #6F0025;
   border:1px solid #a1a1a1;
}

/* Days (td) */
.cal td {
  width: 28x;
  height:28px;
  text-align: center;
  vertical-align: middle;
  color: #6F0025;
   border:1px solid #a1a1a1;
}

/* Whole day coloring */
.cal-av, .cal-av > div {
  background-color: #90ee90;
  width:28px;
  height:28px;
}

.cal-na, .cal-na > div {
  background-color: #d81417;
  width:28px;
  height:28px;
}

.cal-opt, .cal-opt > div {
  background-color: #ffffe0;
  width:28px;
  height:28px;
}

.cal-nc, .cal-nc > div {
  background-color: #909090;
  width:28px;
  height:28px;
}

/* Split day coloring */
html[dir=ltr] .cal .cal-av-am > span {
  border-left-color: #77aa88;
  border-top-color: #77aa88;
  width:28px;
  height:28px;
}

html[dir=ltr] .cal .cal-av-pm > span {
  border-right-color: #77aa88;
  border-bottom-color: #77aa88;
  width:28px;
  height:28px;
}

html[dir=ltr] .cal .cal-na-am > span {
  border-left-color: #bb2222;
  border-top-color: #bb2222;
  width:28px;
  height:28px;
}

html[dir=ltr] .cal .cal-na-pm > span {
  border-right-color: #bb2222;
  border-bottom-color: #bb2222;
  width:28px;
  height:28px;
}

html[dir=ltr] .cal .cal-opt-am > span {
  border-left-color: #ffffe0;
  border-top-color: #ffffe0;
  width:28px;
  height:28px;
}

html[dir=ltr] .cal .cal-opt-pm > span {
  border-right-color: #ffffe0;
  border-bottom-color: #ffffe0;
  width:28px;
  height:28px;
}

html[dir=ltr] .cal .cal-nc-am > span {
  border-left-color: #909090;
  border-top-color: #909090;
  width:28px;
  height:28px;
}

html[dir=ltr] .cal .cal-nc-pm > span {
  border-right-color: #909090;
  border-bottom-color: #909090;
  width:28px;
  height:28px;
}

/* Split day dimensioning and positioning */
.cal td > span {

  border-left-width: 15px;
  border-top-width: 15px;
  border-right-width: 15px;
  border-bottom-width: 15px;
  width:15px;
  height:15px;
}

.cal td > span > span {
  top: -10px;
  left: -15px;
}
.cal-backward{
border:0px;
position:relative;
color:6F0025;
color:#6F0025;
font-weight:bold;
}
.cal-forward{
font-weight:bold;
border:0px;
float:right;
position:relative;
color:#6F0025;
}
/* Dimensions and other properties for element containing day number */
.cal td > div, .cal td > span > span {
  width:28px;
  text-align:center;
  height:28px;

}