/* CSS for Calendar Section on the right column
----------------------------------------------------------------*/
.calendar-slider, .calendar-widget-box {
	width: 188px;
	}

.calendar-widget {
	border-top: 1px solid #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
  padding: 2px 0;
	margin: 3px 0;
	}
  .calendar-widget-header {
    border: 1px solid #c2c2c2;
    width: auto;
    padding: 5px 5px 0;
    height: 24px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    background-color: #c51d0f;
    text-align: center;
    margin-bottom: 10px;
    }

  .calendar-widget table {
    width: 181px;
    text-align: center;
    border-left: solid #ccc 1px;
    border-top: solid #ccc 1px;
    border-collapse: collapse;
    margin: 0 auto 1px;
    }

  .calendar-widget td {
    text-align: center;
    padding: 3px;
    border-right: solid #ccc 1px;
    border-bottom: solid #ccc 1px;
    }

  .calendar-widget p {
    font-size: 10px;
    letter-spacing: normal;
    text-align: center;
    }

  .calendar-widget .holiday {
    background-color: #FFCCD0;
    }

  .calendar-widget td.other {
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #ccc;
    border-right: none;
    }
    
  .calendar-widget .other a {
    text-decoration: underline;
    color:#333;
    }

  .calendar-widget .saturday {
    background-color: #D4F0FF;
    }

  .calendar-widget td.today {
    border: 3px red solid;
    }
    
  .calendar-widget p.first, p.red {
    margin-top: -10px;
    }