/*
* 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;	
	text-align: center;
	background-color: #ffffff;	
	font-size: 16px;
	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: #66ccff;
}

/* LINK STYLES */

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