/*
* Day View Styles
*
* Here we define specific styles for the day 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.
*/

table.day
{
	border-collapse: collapse;
	background-color: #8AE089;
	width: 90%;
}

.dayHeader {
	font-weight: bold;	
	text-align: center;
	background-color: #008000;	
	color: rgb(255,255,255);
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.colHeader {}

/* the time in the left column */
td.time {
	border: 1px solid black;
	padding: 6px;
	width: 120px;
}
/* the event name & description in the right column */
td.event {
	padding: 6px;
	border: 1px solid black;
}
/* the event name */
span.name {
	font-weight: bold;
	padding: 0px;
}

/* event link, normally the event name/time is used for the link text */
a.event {}
a.event:hover {}
a.next, a.previous { color: #FFFFFF; font-weight: bold; }
a.next:hover, a.previous:hover { color: #FF00FF; font-weight: bold; }