/****************
Calendar Styles
*****************/


#calendarNode_c div.hd, #calendarOverlay_c div#calendarOverlay div.hd {
	background-image: none;
	background-color: #e5d29d;
	border: #c29925 1px solid;
}

#calendarNode_c div.bd, #calendarOverlay_c div#calendarOverlay div.bd {
	border-color: #c29925;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	background-color: #fdfaf1;
}

#calendarOverlay_c div#calendarOverlay div.bd {
	border: #c29925 1px solid;
}

#calendarNode_c div.ft {
	border-color: #c29925;
	border-width: 0px 1px 1px 1px;
	background-color: #fdfaf1;
}


#calendarJumpNavigation_c div.underlay, #calendarNode_c div.underlay {
	background-color:#4a3e04;
opacity:.50;
filter: alpha(opacity=50);
display: block;
}

#calendarNode_c div.container-close, #calendarJumpNavigation_c span.container-close {
	background: transparent url(../../../images/containerClose.gif) top no-repeat;
}

#calendarNode_c span.button-group button.default, #calendarNode_c span.button-group button {
	background-color: #00423c;
	color: #faedc9;
	border-width: 1px;
	border-color: #00423c;
	border-style: solid;
	text-decoration: none;
	text-align: center;
	margin: 0px 5px 0px 0px;
	padding: 2px 4px 2px 4px;
	cursor: pointer;
}

#calendarNode_c span.button-group button.hover {
	background-color: #e4eaea;
	color: #00423c;
	border: 1px solid #00423c;
}

/*
The node that wraps both the calendar area and the calendar header.
*/
#calendarNode
{
	width: 570px;
	font-size: 85%;
	
}

#calendarNode_c {
	position: relative;
}

#calendarNode_c div.bd div.tab div.open {
	border-width: 1px;
	border-style: solid;
	border-color: #00423c;
}
/*
Wraps the entire calendar node and restrains the size
*/
#calendarWrapper
{
	width: 570px;
	margin-left: auto;
	margin-right: auto;
}

#calendarWrapper div#calendarNode_c
{
	z-index: 3;
}

div.bd#calendarAreaWrapper {
	border: #c29925 1px solid;
	background-color: #fdfaf1;
}

/****************
Calendar Header
****************/

/*
The entire header node for the calendar navigation and title
*/

#calendarHeader {
	height: 32px;
}



div.hd#calendarHeader {
	background-image: none;
	background-color: #e5d29d;
	border: #c29925 1px solid;
	padding: 0px 5px;
}

#calendarWrapper a {
	color: #00423c;
}


/*
The container for the "month jump" box.
*/
#calendarJumpNavigation
{
	width: 150px;
}

#calendarJumpNavigation div.hd {
	background-image: none;
	background-color: #e5d29d;
	border: #c29925 1px solid;
}

#calendarJumpNavigation div.bd {
	border: #c29925 1px solid;
	background-color: #fdfaf1;
}

/*
The next and previous year action objects
*/
#calendarJumpNavigation div.hd span.yearJump
{
	cursor: pointer;
}

/*
The table of months
*/


#calendarJumpNavigation div.bd table
{
	margin-left: auto;
	margin-right: auto;
	

}

/*
Each cell within the month jump table that is actionable
*/

#calendarJumpNavigation div.bd table#jnMonths{
	margin: auto;
	text-align: center;
	
}

#calendarJumpNavigation table tr td
{
	cursor: pointer;
}

/*
The flag for the current month
*/
#calendarJumpNavigation table tr td.currMonth
{
	font-weight: bold;
}

/*
The Previous|Today|Next actionable area of the calendar navigation
*/
#calendarNavigation
{
	float: left;
	padding-right: 15px; 
}

/*
The area that permits the user to select from 1 day, 2day, 1 week, 2 week, or 1 month format
*/
#calendarFormatOptions
{
	float: right;
}

/*
The title that is actionable (opening the month jump navigator)
*/
#calendarTitle
{
	font-weight: bold;
	text-align: center;
	float: left;
	cursor: pointer;
}

/*******************
Calendar Body
*******************/

#calendarArea
{
	clear: both;
}

.calendarTable
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.calendarTable tr td
{
	vertical-align: top;
}

/*
Unpublished event items.
*/
.calendarTable tr td div.event.unpublished
{
	background-color: #ffff99;
	padding: 2px 5px 2px 5px;
}


.calendarTable.twoDayTable tr td
{
	width: 50%;
	
}


.calendarTable.twoWeekTable tr td
{
	width: 50%;
}

.calendarTable.oneMonthTable tr td
{
	height: 100px;
	width: 14%;
}
/*
Event items in the one-month calendar.
*/
.calendarTable.oneMonthTable tr td div.events div.event
{
	cursor: pointer;
	margin: 0px 0px 5px 0px;
}

.calendarTable.soloDayTable tr td div.hourBlock {
	clear: both;
	}

.calendarTable.soloDayTable tr td div.hourBlock div.hourBlockEventArea div.event,
.calendarTable.twoDayTable tr td div.hourBlock div.hourBlockEventArea div.event,
.calendarTable.oneWeekTable tr td div.events div.event,
.calendarTable.twoWeekTable tr td div.events div.event
 {
	cursor: pointer;
	margin: 2px 0px 10px 10px;
	font-style: italic;
	padding: 2px 2px 2px 5px;
	border-left: #c29925 2px solid;
	
}

.calendarTable.soloDayTable tr td div.hourBlock div.hourBlockEventArea div.event.hover,
.calendarTable.twoDayTable tr td div.hourBlock div.hourBlockEventArea div.event.hover,
.calendarTable.oneWeekTable tr td div.events div.event.hover,
.calendarTable.twoWeekTable tr td div.events div.event.hover {
	background-color: #ffffff;
}

.calendarTable.soloDayTable tr td div.hourBlock,
.calendarTable.twoDayTable tr td div.hourBlock
{
	margin-bottom: 8px;

}

.calendarTable.soloDayTable tr td div.dayTitle,
.calendarTable.twoDayTable tr td div.dayTitle {
	margin-bottom: 10px;
	
}

.calendarTable.oneMonthTable tr td div.events div.event.hover
{
	background-color: #FFFFFF;
}

.calendarTable tr td div.dayTitle
{
	border: 1px #c29925 solid;
	width: 100%;
	height: 18px;
}

.calendarTable tr td span.dayTitleSpan
{
	float: left;
	
}

.calendarTable tr td span.dayTitleDay, .calendarTable tr td span.dayTitleDate, .calendarTable tr td span.dayTitleMonthYear
{
	padding-right: 5px;
	
}

.calendarTable tr td span.newEventLink
{
	float: right;
	padding-right: 5px;
}

.calendarTable tr td span.newEventLink.hover
{
	font-weight: bold;
}

/*
The bar across the top of off-month days in the one-month calendar
*/
.calendarTable.oneMonthTable tr td.offMonthDay div
{
	width: 100%;
}

/*
The bars across the top of the month, 2-week, and 1-week day cells
that link through to the actual day.
*/

div.dayTitle{
	border: 1px #c29925 solid;
}

.calendarTable.oneMonthTable tr td div.dayTitle,
.calendarTable.soloDayTable tr td div.dayTitle,
.calendarTable.twoDayTable tr td div.dayTitle,
.calendarTable.twoWeekTable tr td div.dayTitle,
.calendarTable.oneWeekTable tr td div.dayTitle

{
	cursor:pointer;
}

.calendarTable.oneMonthTable tr td.offMonthDay div {
	cursor: auto;
}

.calendarTable tr td.todayCell .dayTitle
{
	background-color: #00423c;
	color: #fcf7e7;
	border: 1px #00423c solid;
	font-weight: bold;
}

.offMonthDay
{
	/*background-color: #faf1d7;*/
	background: transparent url(../../../images/pattern.gif) top repeat;

}

.calendarTable tr td div.events
{
	clear:both;
}



/****************
Event Pop-Up Styles
*****************/
.eventPopUp div.item
{
	margin-bottom: 5px;
}

.eventPopUp div.item span.title_wrapper
{
	padding-right: 10px;
	width: 100px;
}

.eventPopUp div.item span.value
{
	
}

.eventPopUp div.item span.value.editable
{
	
}

.eventPopUp div.item span.input_wrapper
{
	display: block;
}

.eventPopUp div.item span.value.editable.hover
{
	background-color: #FFFFFF;
	padding: 1px 5px 1px 1px;
	border: 1px inset #ff0000; /*000000*/
	border-top-width: 2px;
	border-left-width: 2px;
}

.eventPopUp div.item .value.sameLineField
{
	margin-left: 5px;
}

.eventPopUp div.item input.value
{
	
}

.eventPopUp div.item textarea.value.textBox_medium
{
	width: 300px;
	height: 100px;
}

.eventPopUp div.eventAttachments ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.eventPopUp div.eventAttachments ul li a {
	text-decoration: none;
}

.eventPopUp div.eventAttachments ul li a img
{
	border: none;
}




/****************
Miscellaneous Styles
*****************/



.hidden
{
	display: none;
}