/*
 THis calendar CSS is customer to City of Casey
 
 */
.calendar {
    width: 100%;
    margin: auto;
    border: 1px dotted #bbbbbb;
}

.monthName th {
    font-weight: normal;
    text-align: right;
    padding-top: 1em;
    padding-bottom: 0.7em;
}

.dayName th {
    font-size: 0.7em;
    padding-top: 0.6em;
    padding-bottom: 0.333em;
    background-color : #444;
    color: white;
}

.otherMonth, .day, .specialDay {
    /*padding: 0.7em 1em; */
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}
.day:hover{
	background-color : #aaddff;
}
.weekendDay:hover{
	background-color : #fffffe;
}
.event_line{
	height : 40px;
	overflow : hidden;
	background-color : #eee;
	border-bottom : 1px solid #555;
	border-left : 1px solid #555;
	border-right : 1px solid #555;
	font-size : 8pt;
	line-height : 15px;
	height : 15px;
}
.event_line:hover{
	position : absolute;
	background-color : #fff;
	border : 1px solid #000;
}

.otherMonth {
    color: #eeeeee;
    background-color: white;
}

.day, .specialDay {
    border-bottom: 1px dotted #bbffbb;
    background-color: #a9bebf;
    height : 70px;
	width : 70px;
    font-size: 10pt;
    margin-left: 0px;
	vertical-align : top;
}


.daynumber {
    
}

.day a {
	text-decoration : none;
    vertical-align: bottom;
}

.specialDay {
    background-color: #003355;
    color: white;
}

.specialDay a, .specialDay a:visited, .specialDay a:hover {
    color: white;
    text-decoration: none;
    padding: 1em;
}

.specialDay a:hover {
    color: white;
    background-color: black;
}

.weekendDay {
    background-color: #a7a6a7;
}

.today {
    background-color: #4682b4;
}