#leftCalArrow {    display: inline-block;    width: 10%;    font-size: 32px;    float: left;    cursor: pointer;    text-align: right;}#rightCalArrow {    display: inline-block;    width: 10%;    float: right;    font-size: 32px;    cursor: pointer;    text-align: left;}.calHeader {    margin: 0;}.calHeaderContent {    display: inline-block;    width: 80%;    margin-top: 10px;    text-align: center;}.monthYearDisplay {    display: inline-block;    font-size: 1.6em;    font-weight: 700;    text-align: center;}.monthSelector {    display: inline-block;    width: 40%;    text-align: center;}.fc-calendar-container {    position: relative;    height: 100%;    width: 100%;}.fc-calendar {    width: 100%;    height: 100%;}.fc-calendar .fc-head {    height: 30px;    line-height: 30px;    padding-top: 15px;}.fc-calendar .fc-body {    position: relative;    height: 100%;    width: 100%;    height: -moz-calc(100% - 30px);    height: -webkit-calc(100% - 30px);    height: calc(100% - 30px);}.fc-calendar .fc-row {    width: 100%;}.fc-four-rows .fc-row {    height: 25%;}.fc-five-rows .fc-row {    height: 20%;}.fc-six-rows .fc-row {    height: 16.66%;    height: -moz-calc(100%/6);    height: -webkit-calc(100%/6);    height: calc(100%/6);}.fc-calendar .fc-row > div,.fc-calendar .fc-head > div {    float: left;    height: 100%;    width: 14.28%;/* 100% / 7 */    width: -moz-calc(100%/7);    width: -webkit-calc(100%/7);/* width: calc(100%/7); */    position: relative;}/* IE 9 is rounding up the calc it seems */.ie9 .fc-calendar .fc-row > div,.ie9 .fc-calendar .fc-head > div {    width: 14.2%;}.fc-calendar .fc-row > div {    overflow: hidden;    position: relative;    margin: 5px 0;}.fc-calendar .fc-head > div {    text-align: center;}.fc-calendar .fc-row > div > span.fc-date {    position: absolute;    display: inline-block;    width: 100%;    height: 33%;    font-size: 20px;    font-weight: 700;    text-align: center;/* center top of span then move up half height*/    top: 40%;    -ms-transform: translateY(-50%);    -webkit-transform: translateY(-50%);    transform: translateY(-50%);/* margin: 10px 0; */}.eventContent {    position: absolute;    width: 100%;    height: 100%;    font-size: 10px;    text-align: center;    background: url(/images/cal-event-bg.png) no-repeat center center;    background-size: contain;}.eventContentPreview {    position: absolute;    width: 100px;    height: 100px;    left: 0;    top: 0;    font-size: 20px;    text-align: center;    font-weight: 700;    line-height: 100px;    background: url(/images/cal-event-bg.png) no-repeat center center;}.eventMonthPreview {    position: absolute;    width: 100px;    height: 100px;    left: 0;    top: 0;    text-align: center;    line-height: 170px;    font-size: 14px;    font-weight: 700;}.fc-calendar .fc-row > div time {    display: none;}.fc-calendar .fc-row > div > span.fc-weekday {    padding-left: 5px;    display: none;}.fc-calendar .fc-row > div.fc-today {    background: url(/images/cal-today-bg.png) no-repeat center center;    color: #fff;    background-size: auto 100%;}.fc-calendar .fc-row > div.fc-out {    opacity: .6;}.fc-calendar .fc-row > .fc-content {    cursor: pointer;}/*.fc-calendar .fc-row > .fc-content:hover {    background: #ccf5ff;}*/.monthSelect {    display: inline-block;    width: 16.66%;    cursor: pointer;}.monthSelect:hover {    background: #add8e6;}