@charset "UTF-8";
/* CSS Document */

#calendar-menu {
	max-width: 720px;
	max-height: 60px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	display:block;
	clear:both;
}

#calendar-menu-spacer {
	display: block;
	
}
.eventlist-event {
    position: relative;
    margin: 68px 0 40px 0;
    padding-top: 60px;
	
}

#jan {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Jan_on.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}
#jan:hover {
	background-image: url(../calendar/Jan_ov.png);
}
#jan-selected {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Jan_ov.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}

#feb {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Feb_on.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}
#feb:hover {
	background-image:url(../calendar/Feb_ov.png);
}
#feb-selected {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Feb_ov.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}

#mar {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Mar_on.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}
#mar:hover {
	background-image:url(../calendar/Mar_ov.png);
}
#mar-selected {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Mar_ov.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}

#apr {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Apr_on.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}
#apr:hover {
	background-image:url(../calendar/Apr_ov.png);
}
#apr-selected {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Apr_ov.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}

#may {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/May_on.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}
#may:hover {
	background-image:url(../calendar/May_ov.png);
}
#may-selected {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/May_ov.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}

#jun {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Jun_on.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}
#jun:hover {
	background-image:url(../calendar/Jun_ov.png);
}
#jun-selected {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Jun_ov.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}

#jul {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Jul_on.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}
#jul:hover {
	background-image:url(../calendar/Jul_ov.png);
}
#jul-selected {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Jul_ov.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}

#aug {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Aug_on.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}
#aug:hover {
	background-image:url(../calendar/Aug_ov.png);
}
#aug-selected {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Aug_ov.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}

#sep {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Sep_on.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
}
#sep:hover {
	background-image:url(../calendar/Sep_ov.png);
}
#sep-selected {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Sep_ov.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}

#oct {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Oct_on.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
}
#oct:hover {
	background-image:url(../calendar/Oct_ov.png);
}
#oct-selected {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Oct_ov.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}

#nov {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Nov_on.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
}
#nov:hover {
	background-image:url(../calendar/Nov_ov.png);
}
#nov-selected {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Nov_ov.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}

#dec {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Dec_on.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
}
#dec:hover {
	background-image:url(../calendar/Dec_ov.png);
}
#dec-selected {
	width: 60px;
	height: 60px;
	background-image:url(../calendar/Dec_ov.png);
	background-repeat:no-repeat;
    background-size: contain;
	float:left;
	cursor:pointer;
}


@media (min-width: 375px) and (max-width: 414px) {
#calendar-menu-spacer {
	display: block;
	height: 110px;
}
}
@media (min-width: 320px) and (max-width: 370px) {
#calendar-menu-spacer {
	display: block;
	height: 160px;
}
}