/* CSS rules for CMS Calendar module
 * @author Ben Kinder
 * @date Oct 3, 2011
 */

/* the container for the whole calendar display - small */
.cmscalendarsmall {
	position: relative;
}

/* the container for the whole calendar display - large */
.cmscalendarlarge {
	position: relative;
}

/* Month/year navigation title text - small calendar */
.cmscalendarsmall .calnavtext {
	font-size: 10pt;
}

/* Month/year navigation title text - large calendar */
.cmscalendarlarge .calnavtext {
	font-size: 20pt;
}


/* buttons for changing years and months - small */
.cmscalendarsmall .calnavbutton {
	text-align: center;
	font-weight: bold;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	font-size: large;
}
/* buttons for changing years and months - large */
.cmscalendarlarge .calnavbutton {
/*	border: 1px solid black;
	border-radius: 2px 2px 2px 2px; */
	padding: 5px;
	font-size: 20pt;
}
.calnavbutton:hover {
	cursor: pointer !important;
	color: red;
}

/* the table for small calendars */
.cmscalendartablesmall {
}

/* the table for large calendars */
.cmscalendartablelarge {
}

/* a single cell in the large calendar */
.cmscalendartablelarge .calcell {
	border: 1px solid black;
	border-radius: 4px 4px 4px 4px;
	vertical-align: top;
	height: 100px;
	width: 100px;
	text-align: right;
}

/* the day marker in a large calendar */
.cmscalendartablelarge .calcell .calday {
	float: left;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 4px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 24px;
	margin: -1px 5px 5px -1px;
}




/* days with events on the small calendar have this class */
.smcaldayevents {
	background-color: #00ffff;
	font-weight: bold;
}
.smcaldayevents:hover {
	cursor: pointer !important;
}

/* popup divs for event summaries */
.summarypopup {
	position: absolute;
	z-index: 5;
	border: 1px solid black;
	background-color: white;
}
/* summary popups on small calendar */
.cmscalendarsmall .summarypopup {
	left: 10px;
	top: 50px;
	width: 300px;
}
/* summary popups on large calendar */
.cmscalendarlarge .summarypopup {
	left: 200px;
	top: 200px;
	width: 400px;
}

/* popups for events */
.eventpopup {
	position: absolute;
	z-index: 5;
	border: 1px solid black;
	background-color: white;
}

/* large event popups (outer div), small calendar */
.cmscalendarsmall .eventpopuplarge {
	top: 10px;
	left: 10px;
}
/* medium event popups (outer div), small calendar */
.cmscalendarsmall .eventpopupmedium {
	top: 30px;
	left: 15px;
}
/* small event popups (outer div), small calendar */
.cmscalendarsmall .eventpopupsmall {
	top: 50px;
	left: 20px;
}

/* large event popups (outer div), large calendar */
.cmscalendarlarge .eventpopuplarge {
	top: 20px;
	left: 20px;
}
/* medium event popups (outer div), large calendar */
.cmscalendarlarge .eventpopupmedium {
	top: 200px;
	left: 200px;
}
/* small event popups (outer div), large calendar */
.cmscalendarlarge .eventpopupsmall {
	top: 300px;
	left: 300px;
}

/* large event popups (inner content), small calendar */
.cmscalendarsmall .eventpopupcontentlarge {
	width: 800px;
	height: 400px;
}
/* medium event popups (inner content), small calendar */
.cmscalendarsmall .eventpopupcontentmedium {
	width: 627px;
	height: 500px;
}
/* small event popups (inner content), small calendar */
.cmscalendarsmall .eventpopupcontentsmall {
	width: 300px;
	height: 100px;
}

/* large event popups (inner content), large calendar */
.cmscalendarlarge .eventpopupcontentlarge {
	width: 800px;
	height: 500px;
}
/* medium event popups (inner content), large calendar */
.cmscalendarlarge .eventpopupcontentmedium {
	width: 600px;
	height: 200px;
}
/* small event popups (inner content), large calendar */
.cmscalendarlarge .eventpopupcontentsmall {
	width: 300px;
	height: 100px;
}



/* titlebar for event summary and detail popups */
.calpopuptitle {
/*	border: 1px solid black; */
	background-color: #999999;
	line-height: 2em;
	vertical-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

/* The close box ("X") for popups */
.calpopupclose {
	float: right;
	font-weight: bold;
	line-height: 2em;
	vertical-align: center;
}
.calpopupclose:hover {
	cursor: pointer !important;
}

/* the main area of popups */
.calpopupbody {
	padding: 5px;
	overflow-y: scroll;
	overflow-x: auto;
}



/* pretend links for events */
.calfakelink {
	text-decoration: underline;
	margin: 3px;
}
.calfakelink:hover {
	cursor: pointer !important;
}