/*
** The styles in this CSS file are used by the Portlet Calendar
*/

.PortletCalendar_Common {
	margin: 8px;
	vertical-align: top;
	background-color: transparent;
	background-image: none;
	border-width: 0; 
	font: 12px Arial, Helvetica, Sans-Serif;
	border: 1px solid black;
}
.PortletCalendar_Common table {
	border-collapse: collapse;
	border-spacing: 0px;
}

/*
** Links and Header
*/

#PortletCalendar_Links p, #PortletCalendar_Header p {
	margin: 0px;
	padding: 3px;
  white-space: nowrap;
}
#PortletCalendar_Links {
	padding-top: 2px;
	height: 22px;
	background-color: #F5F5F5;
}
#PortletCalendar_Header {
	padding-top: 4px;
	height: 24px;
	background-color: #888888;
	color: white;
}

/*
** Day Calendar
*/

	/* Hours Column */
	.PortletCalendar .Day TD.Hours {
		background-color: #D4D0C8;
		vertical-align: top;
	}
	.PortletCalendar .Day DIV.Hours {
		position: relative;
		height: 100%;
		width: 58px;
		font-weight: bold;
		white-space: nowrap;
	}
	.PortletCalendar .Day .Header {
		text-align: center;
		height: 20px; 
		background-color: #D4D0C8;
		text-align: center;
	}
	
	/* Each hour (ie: a floating div inside the hours column) */	
	.PortletCalendar .Day .Hour {
		position: absolute;
		width: 100%;
		text-align: right;
	}
	
	/* Day Events (a vertical div contains all events of day) */
	.PortletCalendar .Day .Events	{
		position: relative;
		height: 100%;
		background: url("../../images/jalios/calendar/dayBG.gif") repeat top left;
		border: 1px solid gray;
	}
	
	/* Event (a div with one CalendarEvent) */
	.PortletCalendar .Day .Event {
		position: absolute;
		border: 1px solid black;
		background-color: #F0FFFF;
		background: url("../../images/jalios/calendar/dayEventBG.gif") repeat-y top left;
		overflow: hidden;
	}
	.PortletCalendar .Day .Event	p	{
		margin: 0px;
		padding-left: 8px;
		font-size: 10px;
	}
	.PortletCalendar .Day .Event .title {
		font-weight: bold;
	}
	.PortletCalendar .Day .Event .abstract {
		padding-top: 4px;
		overflow: hidden;
	}

		/* Style combined with PortletCalendar_Day_Event when importance level of event is defined */
		.PortletCalendar .Day .Event.highest   { background-color: #DC143C; }
		.PortletCalendar .Day .Event.high      { background-color: #F77272; }
		.PortletCalendar .Day .Event.normal    { background-color: #487AA8; }
		.PortletCalendar .Day .Event.low       { background-color: #96B9DD; }
		.PortletCalendar .Day .Event.lowest    { background-color: #F0F8FF; }

    /* Style combined with PortletCalendar_Day_Event when logged member attends the event */
    .PortletCalendar .Day .Event.attends   { border-right: 4px solid darkblue;  }
    
/*
** Month Calendar
*/
	.PortletCalendar .Month TD			{
		border: 1px solid gray; height:65px;
	}
	.PortletCalendar .Month P {
		margin: 0px;
		padding: 1px;
		font-size: 90%;
	}
	
	/* Header row */
	.PortletCalendar .Month .Header     { background-color: #D4D0C8;}
	.PortletCalendar .Month .Header TD  { text-align: center; height:0px; }
	
	/* Each day of a month calendar with two styles (for month change) */
	.PortletCalendar .Month .Day1  { vertical-align:top; background-color:#FFF4BC; }
	.PortletCalendar .Month .Day2  { vertical-align:top; background-color:#FFFFD5; }
		
		/* Each day date div */
		.PortletCalendar .Month .Day1Date 			{ text-align:right; }
		.PortletCalendar .Month .Day2Date 			{ text-align:right; }
			/* Style combined with monthCalDay?Date when today */
			.PortletCalendar .Month .Day1DateToday 	{ background-color:#F1E8B7; }
			.PortletCalendar .Month .Day2DateToday 	{ background-color:#F1F2CF; }
		
		/* Events div in a day of a month calendar */	
		.PortletCalendar .Month .DayEvents	{
			margin: 0px;
			padding: 1px;
			font-size:90%;
		}
		.PortletCalendar .Month .DayEvent	{
			height: 14px;
			white-space: nowrap;
			overflow: hidden;
		}
		
		/* Style combined with PortletCalendar_Month_DayEvent when importance level of event is defined */
		.PortletCalendar .Month .DayEvent.highest   { background-color: #F6BAB0; }
		.PortletCalendar .Month .DayEvent.high      { background-color: #FBE4C5; }
		.PortletCalendar .Month .DayEvent.normal    { background-color: #C7D9DF; }
		.PortletCalendar .Month .DayEvent.low       { background-color: #DEE7E3; }
		.PortletCalendar .Month .DayEvent.lowest    { background-color: #FFFEEB; }

    /* Style combined with PortletCalendar_Month_DayEvent when logged member attends the event */
    .PortletCalendar .Month .DayEvent.attends   { border-right: 4px solid darkblue; }
  
/*
** Details Event tooltip (for day and month calendar)
** See doCalendarEventTooltip.jsp
*/

.PortletCalendar_Event_Tooltip {
	font: 12px Arial, Helvetica, Sans-Serif;
	padding: 0.4em;
}
  
	/* Style combined with PortletCalendar_Event_Tooltip when importance level of event is defined */
	.PortletCalendar_Event_Tooltip.highest   { background-color: #F6BAB0; }
	.PortletCalendar_Event_Tooltip.high      { background-color: #FBE4C5; }
	.PortletCalendar_Event_Tooltip.normal    { background-color: #C7D9DF; }
	.PortletCalendar_Event_Tooltip.low       { background-color: #DEE7E3; }
	.PortletCalendar_Event_Tooltip.lowest    { background-color: #FFFEEB; }

  /* Style combined with PortletCalendar_Event_Tooltip when logged member attends the event */
  .PortletCalendar_Event_Tooltip.attends   { border-right: 4px solid darkblue; }
  
	/* detailed event styles */
	.PortletCalendar_Event_Tooltip .eventtitle 	{ font-weight: bold; }
	.PortletCalendar_Event_Tooltip .time 	{ font-weight: bold; font-size: 90%; }
	.PortletCalendar_Event_Tooltip .abstract {}
	.PortletCalendar_Event_Tooltip .author { font-size: 90%; color: #444444; }

  /* ical export link */
  .PortletCalendar_Event_Tooltip .iCalLink {
    float:right;
    font-size: 90%;
    font-weight: normal;
    color: darkblue;
    text-decoration: none;
  }

/*
** Small Month
*/	

.PortletCalendar .SmallMonth {
	font: 10px Verdana, Helvetica, Arial , Sans-Serif;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 2px;
	width: 150px;
	margin: 8px;
	background-color: white;
}

.PortletCalendar TABLE.SmallMonth {
  background-color: #F9F9F9;
}

.PortletCalendar .SmallMonth TR {
	height: 13px;
}
	/* Month header */
	.PortletCalendar .SmallMonth TR.header {
		background-color: #DFDFDF;
	}
	.PortletCalendar .SmallMonth TR.header TD {
		height: 17px;
	}
	
	/* day header (s m t w t f s) */
	.PortletCalendar .SmallMonth TD.ColHeader {
		text-align: right;
		border-bottom: 1px solid black;
		height: 15px;
	}
	.PortletCalendar .SmallMonth TD.Day {
		text-align: right;
	}
	.PortletCalendar .SmallMonth TD.Today a:link {
		background-color: #FFFFCC;
    border: 1px solid #999999;
    margin: 1px;
	}
	.PortletCalendar .SmallMonth TD.Day.HasEvent {
		font-weight: bold;
	}
  .PortletCalendar .SmallMonth TD.PastDay A {
    color: #AAAAAA;
  }
  .PortletCalendar .SmallMonth TD.Day.MemberAttends A {
    background-color:#3399DD;
    color:#FFFFFF;
    border: 1px solid #999999;
    text-align: center;
  }
	
	/*
	** Details Day tooltip (for small month calendar)
	** See doSmallMonthTooltip.jsp
	*/
	.PortletCalendar_SM_Tooltip {
		margin: 0;
		font: 11px Arial, Helvetica, Sans-Serif;
	}
	.PortletCalendar_SM_Tooltip A {
		font-weight: bold;
		color: #00008B;
	}
	
	.PortletCalendar_SM_Tooltip .Event {
		border-bottom: 1px solid #C6C669;
    background-color : #fffff9;
		padding: 4px;
	}
  .PortletCalendar_SM_Tooltip .Event DIV.abstract P {
    padding: 0;
    margin: 0;
  }
  .PortletCalendar_SM_Tooltip .Event.last {
    border-bottom: 0;
  }
	
		/* Style combined with PortletCalendar_SM_Tooltip when importance level of event is defined */
		.PortletCalendar_SM_Tooltip .Event.highest   { background-color: #F6BAB0; }
		.PortletCalendar_SM_Tooltip .Event.high      { background-color: #FBE4C5; }
		.PortletCalendar_SM_Tooltip .Event.normal    { background-color: #C7D9DF; }
		.PortletCalendar_SM_Tooltip .Event.low       { background-color: #DEE7E3; }
		.PortletCalendar_SM_Tooltip .Event.lowest    { background-color: #FFFEEB; }

    /* Style combined with PortletCalendar_SM_Tooltip when logged member attends the event */
    .PortletCalendar_SM_Tooltip .Event.attends   { border-right: 4px solid darkblue;  }