/*
 * This style sheet contains styles for the calendar component.
 *
 * Copyright(C) 2008 Up Bear Enterprises.  Used by permission.
 */
div.autofill {
	display: block;
	clear: both;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

/*
 * Begin: Month Bar styles
 */

table.calendar_month_bar {
	width: 834px;
	margin: 0px 0px;
	/*background: transparent url("tulips.jpg") no-repeat bottom left;*/
	border-bottom: 1px solid #666699;
	border-top: 1px solid #666699;
	font-size: 12px;
	line-height: 15px;
	font-family: sans-serif;
}

table.calendar_month_bar th.title,
table.calendar_month_bar th.nav {
	padding: 7px 3px 3px;
	color: #333366;
	font-weight: bold;
	background-color: #fff;
	border-bottom: 1px solid #666699;
}

table.calendar_month_bar th.title {
	text-align: left;
	font-size: 1.5em;
	line-height: 1.5em;
}
table.calendar_month_bar th.nav {
	text-align: right;
}

table.calendar_month_bar td {
	padding: 3px 2px 2px;
	background-color: #fff;
	
	color: #666;
	text-align: center;
}

table.calendar_month_bar td.month_selected {
	background-color: #eee;
}

/* End: Month bar styles */

/*
 * Calendar month view styles
 */
table.calendarEvent_table {
	width: 834px; 
	margin: 0px 0px;
	/*background: transparent url("tulips.jpg") no-repeat bottom left;*/
	border-bottom: 1px solid #666699;
	/*font-size: 9px;
	line-height: 12px;*/
	font-size: 12px;
	line-height: 15px;
	font-family: sans-serif;
}

table.calendarEvent_table th {
	padding: 3px 2px 2px;
	border-bottom: 1px solid #9999bb;
	background-color: #fff;
	
	color: #666;
	text-align: center;
	/*font-size: 9px;
	line-height: 15px;
	font-family: sans-serif;*/
}

table.calendarEvent_table th.title,
table.calendarEvent_table th.nav {
	padding: 7px 3px 3px;
	color: #333366;
	font-weight: bold;
	background-color: #fff;
	border-bottom: 1px solid #666699;
}

table.calendarEvent_table th.title {
	text-align: left;
	font-size: 1.5em;
	line-height: 1.5em;
}
table.calendarEvent_table th.nav {
	text-align: right;
}

table.calendarEvent_table th.action_bar {
}

table.calendarEvent_table td {
	padding-left: 1px;
	padding-bottom: 1px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

table.calendarEvent_table td.day,
table.calendarEvent_table td.fillerday {
	vertical-align: top;
	width: 113px;
	border-top: 1px solid #fff;
	padding: 2px;
	height: 101px;

	color: #000;
	text-align: left;
	/*font-size: 9px;*/
	/*line-height: 12px;*/
	/*font-family: sans-serif;*/

}

table.calendarEvent_table td.fillerday {
	background-color: #eee;
}

table.calendarEvent_table td.day div.number {
	text-align: right;
	font-size: .95em;
}

table.calendarEvent_table td.day div.event
{
	padding-bottom: 6px;
	font-size: 12px;
	line-height: 15px;
	font-family: sans-serif;
}

table.calendarEvent_table td.day div.event a {
	color: #000;
}

table.calendarEvent_table td.day div.event a:hover {
	color: #333;
}

/*
 * Calendar "upcoming event" styles
 */
div.event_day {
	padding-bottom: 3px;
}

div.event_day div.day_title {
	font-weight: bold;
	color: #666;
	/*font-style: italic;*/
}

div.event_day div.event
{
	padding-bottom: 6px;
	font-size: 12px;
	line-height: 15px;
	font-family: sans-serif;
}

div.more_events
{
	/*text-align: right;*/
}

/*
 * Calendar event view styles
 */
table.calendarEvent_table td.label_column,
table.calendarEvent_table td.value_column {
	font-size: 1.3em;
	line-height: 1.3em;
	padding: 2px 5px;
	vertical-align: top;
}

table.calendarEvent_table td.label_column {
	width: 20%;
	text-align: right;
	color: #555;
}

/*
 * Form styles
 */
form.calendar_form {
	margin: 0px;
	padding: 0px;
	padding-bottom: 100px;
}
form.calendar_form .text1 {
	width: 375px;
}

form.calendar_form .text2 {
	width: 100px;
}

form.calendar_form .textarea1 {
	width: 600px;
	height: 50px;
}

form.calendar_form .textarea2 {
	width: 600px;
	height: 500px;
}

form.calendar_form table.calendarEvent_table td.error_mark,
form.calendar_form div.errors a,
.error_mark
{
	color: #a33;
}

div.errors {
	padding: 3px 2px 2px;
	background-color: #fff;
	
	color: #777;
	font-size: 12px;
	line-height: 15px;
	font-family: sans-serif;
	font-weight: normal;
}

form.calendar_form div.recurring_options {
	font-size: 12px;
	padding: 5px 0px 15px;
}
form.calendar_form div.recurring_options_title {
	font-weight: bold;
	padding-bottom: 3px;
}