/*
** 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 a {
	text-decoration: none;
}

.PortletCalendar_Common a {
	text-decoration: none;
}

.PortletCalendar_Common a:hover {
	text-decoration: underline;
}

.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_HoursTd {
		background-color: #D4D0C8;
		vertical-align: top;
	}
	.PortletCalendar_Day_HoursDiv {
		position: relative;
		height: 100%;
		width: 58px;
		font-weight: bold;
		white-space: nowrap;
		border: 1px #B2B2B2
	}
	.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-color: #FFFFFF;
		border: 1px #B2B2B2;
	}
	
	/* 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;
	}
		/* Style combined with PortletCalendar_Day_Event when importance level of event is defined */
		.PortletCalendar_Day_Event_highest   { background-color: #EE7F34 }
		.PortletCalendar_Day_Event_high      { background-color: #EF6213; }
		.PortletCalendar_Day_Event_normal    { background-color: #E9F2F9; }
		.PortletCalendar_Day_Event_low       { background-color: #E5F9BE; }
		.PortletCalendar_Day_Event_lowest    { background-color: #FFFFFF; }

    /* 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 #535353; height:65px;
	}
	.PortletCalendar_Month p {
		margin: 0px;
		padding: 1px;
		font-size: 90%;
	}
	
	/* Header row */
	.PortletCalendar_Month_Header     { background-color: #FFFFFF;}
	
	.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:#FFFFFF; }
	.PortletCalendar_Month_Day1  p {
		margin: 0px;
		padding: 1px;
		font-size: 90%;background-color: #FFFFFF;
	}
	.PortletCalendar_Month_Day2  { vertical-align:top; background-color:#B2B2B2; }
	.PortletCalendar_Month_Day2  p {
		margin: 0px;
		padding: 1px;
		font-size: 90%;background-color: #B2B2B2;
	}
		/* 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:#FFFFFF; border: 1px #535353; }
			.PortletCalendar_Month_Day2DateToday 	{ background-color:#B2B2B2; border: 1px #535353; }
		
		/* 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_Day_Event_highest   { background-color: #EE7F34 }
		.PortletCalendar_Day_Event_high      { background-color: #EF6213; }
		.PortletCalendar_Day_Event_normal    { background-color: #E9F2F9; }
		.PortletCalendar_Day_Event_low       { background-color: #E5F9BE; }
		.PortletCalendar_Day_Event_lowest    { background-color: #FFFFFF; }

    /* Style combined with PortletCalendar_Month_DayEvent when logged member attends the event */
    .PortletCalendar_Month_DayEvent_attends   { border-right: 4px solid darkblue; }
  
/*
** Details Event used on mouse over (for day and month calendar)
*/

.PortletCalendar_DetailedEvent {
	position: absolute;
	visibility: hidden;
	margin: 0;
	width: 320px;
	background-color: white;
	font: 12px Arial, Helvetica, Sans-Serif;
	border: 1px #535353;
	padding: 0.4em;
}
  
	/* Style combined with PortletCalendar_DetailedEvent when importance level of event is defined */
		.PortletCalendar_Day_Event_highest   { background-color: #EE7F34 }
		.PortletCalendar_Day_Event_high      { background-color: #EF6213; }
		.PortletCalendar_Day_Event_normal    { background-color: #E9F2F9; }
		.PortletCalendar_Day_Event_low       { background-color: #E5F9BE; }
		.PortletCalendar_Day_Event_lowest    { background-color: #FFFFFF; }

  /* Style combined with PortletCalendar_DetailedEvent when logged member attends the event */
  .PortletCalendar_DetailedEvent_attends   { border-right: 4px solid darkblue; }
  
	/* detailed event styles */
	.PortletCalendar_DetailedEvent_title 	{ font-weight: bold; }
	.PortletCalendar_DetailedEvent_time 	{ font-weight: bold; font-size: 90%; }
	.PortletCalendar_DetailedEvent_abstract {}
	.PortletCalendar_DetailedEvent_author { font-size: 90%; color: #444444; }
	
/*
** Small Month
*/	

.PortletCalendar_SmallMonth{
	width: 175px;
	border-collapse: collapse;
	background: #E7EDF5;
	border: 1px solid white;
	color: Black;
}
.PortletCalendar_SmallMonth caption{
	background: #E7EDF5;
	padding: 2px 0;
	vertical-align: middle;
}
.PortletCalendar_SmallMonth caption img{
	vertical-align: middle;
	margin: 0 10px
}
.PortletCalendar_SmallMonth caption a{
	color: Black;
	text-decoration: none;
}
.PortletCalendar_SmallMonth th{
	padding: 1px;
	background: #BFBFBF;
	color: White;
	font-weight: normal;
	text-transform: uppercase;
}
.PortletCalendar_SmallMonth td{
	vertical-align: middle;
	text-align: center;
	border: 1px solid white
}
.PortletCalendar_SmallMonth td a{
	display: block;
	color: black;
	text-decoration: none;
}
	/* Month header */
	/* day header (s m t w t f s) */

body .PortletCalendar_SmallMonth .PortletCalendar_SmallMonth_DayToday a {
	background: #BFBFBF;
	color: White;
	font-weight: bold;
	}
body .PortletCalendar_SmallMonth .PortletCalendar_SmallMonth_Day_HasEvent a{
	background: #BCCCEA;
	color: White;
	font-weight: bold;
	}
	
	/*
	** Details Day used on mouse over (for small month calendar)
	*/
	.PortletCalendar_SM_DetailedDay {
		visibility: hidden;
		margin: 0;
		width: 200px;
		background-color: white;
		font: 11px Arial, Helvetica, Sans-Serif;
		border: 1px solid #7087BB;
	}
	.PortletCalendar_SM_DetailedDay a {
		font-weight: bold;
		color: black;
		text-decoration: none;
	}
	.PortletCalendar_SM_DetailedDay_Event a {
		font-weight: bold;
		color: black;
		text-decoration: underline;
	}
	
	.PortletCalendar_SM_DetailedDay a:hover{
		text-decoration: underline;
	}
	.PortletCalendar_SM_DetailedDay_Event {
		padding: 4px;
	}
	
		/* Style combined with PortletCalendar_DetailedEvent when importance level of event is defined */
		.PortletCalendar_Day_Event_highest   { background-color: #EE7F34 }
		.PortletCalendar_Day_Event_high      { background-color: #EF6213; }
		.PortletCalendar_Day_Event_normal    { background-color: #E9F2F9; }
		.PortletCalendar_Day_Event_low       { background-color: #E5F9BE; }
		.PortletCalendar_Day_Event_lowest    { background-color: #FFFFFF; }

    /* Style combined with PortletCalendar_DetailedEvent when logged member attends the event */
    .PortletCalendar_SM_DetailedDay_Event_attends   { border-right: 4px solid darkblue;  }
	
