/*
* Month View Styles
*
* Here we define specific styles for the month view,
* as well as override any default styles (oc-main.css) as needed.
*
* Styles listed here with empty brackets {} should be left as placeholders
* for styles that may be of interest to override in this view.
*/

/* Month Header (e.g. April) */
.monthHeader  { font-weight: bold; font-size: 16px; font-family: Arial, Helvetica; background-color: #ffffff; text-align: center; padding-top: 5px; padding-bottom: 5px }
.colHeader {}

/* TABLE STYLES */
table.month {
	border-collapse: collapse;
	background-color: gray;
	width: 98%;	/* this value is related to td.month width value */
}

/* Month table cells */
td.month {
	border: 1px solid black;
	height: 85px;
	/*width: 85px;*/
	width: 14%;		/* this x 7 = total width */
	vertical-align: top;
	/*padding: 3px;*/
	padding-left: 3px;
	padding-right: 3px;
}
/* normal day cell */
td.normalDay {
	font-size: 10px;
	background-color: #ffffff;
}
/* weekend cell */
td.weekend {
	background-color: #efefef;
}
/* Current Day */
td.curDay  { background-color: #d0918f; }

/* LINK STYLES */

/* event link, normally the event name/time is used for the link text */
a.event  { font-weight: bold }
a.event:hover  { color: #b02438; }
a.next, a.previous { color: #000000; }
a.next:hover, a.previous:hover { color: #b02438; }
/* link to add new events (top left of each day in month view) */
a.dayModLink   { color: #b02438; font-size: 14px; font-family: Arial, Helvetica; text-decoration: none }
a.dayModLink:hover {
	text-decoration: underline;
}
/* The day number in the month view (when clicked opens the day view) */
a.dayNum  { color: black; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none }
a.dayNum:hover {
	font-size: 12px;
	color: #b02438;
	text-decoration: underline;
}
/* The week number in the month view */
a.weekNum  { color: black; font-family: Arial, Helvetica; text-decoration: none }
a.weekNum:hover {
	color: #b02438;
	text-decoration: underline;
}