@CHARSET "UTF-8";

/* ------------------------------------------------------------------------------------------------ week */
div.calendar_week
{
}

div.calendar_week .calendar_title
,div.calendar_week .day_title
{
	font-size:							14px;
	font-weight:							bold;
	text-align:							center;
	
	padding-top:							5px;
}

div.calendar_week .pager
{
	padding:							5px 20px;
}

div.calendar_week .timeline
{
	text-align:							center;
	float:								left;
	
	/*padding-top:							32px;*/
	
	width:								75px;
	line-height: 14px;
}

div.calendar_week .timeline .time
{
	background-color: #f4f2f3;
	border-bottom:							1px solid #e0e0e0;
	
	/*height:								29px;*/
	color: #e86902;
	font-weight: bold;
	padding: 8px 10px 7px 10px;
}

div.calendar_week .day
{
	background-color:						#ffffff;
	border:								1px solid #e0e0e0;

	float:								left;
	
	width:								90px;
	border-top: none;
	border-right: none;
	background-image: url("../images/calendar_cells.jpg");
	background-position: 0px 32px;
}

div.calendar_week .day_title
{
	border-bottom:							0px solid #e0e0e0;
	height:								30px;
	color: #e86902;
	padding: 0px;
	line-height: 14px;
	background: #fff;
}

span.day_name {
	color: #909090;
	font-size: 11px;
}

div.calendar_week .events
{
}

div.calendar_week .event
{
	position:							relative;
}

div.calendar_week .event .title
{
	padding:							0px 2px 0px 2px;
	
	overflow:							hidden;
}

div.calendar_week .event .data
{
	background-color:						#ffffff;
	border:								1px solid #404040;

	position:							absolute;
	width:								300px;

	padding:							5px;
	margin:								5px;
	
	visibility:							hidden;
	
	z-index:							10;
}

div.calendar_week .event .data_title
{
	background-color:						#f0f0f0;
	border-bottom:							1px solid #c0c0c0;
	
	padding:							2px;
}

div.calendar_week .event:hover .data
{
	visibility:							visible;
}

div.calendar_event
{
	width:								400px;
	
	margin:								auto;
}

div.calendar_event	.title
{
	background-color:						#c0c0c0;
	border:								1px solid #404040;

	font-size:							16px;
	
	padding:							4px;
	margin:								4px 0px;
}

div.calendar_event	.colors .color
{
	float:								left;
	
	text-align:							center;
}

div.calendar_event	.colors input
{
	width:								auto;
	margin:								2px;
	padding:							2px;
}


div.calendar_event	.color	.thumb
{
	border:								1px solid #404040;

	width:								20px;
	height:								20px;
	
	margin:								5px;
}

div.calendar_event	table
{
	width:								100%;
}

div.calendar_event	.buttons
{
	text-align:							center;
}

div.calendar_event	.buttons input
{
	width:								100px;
	
	margin:								10px;
}

/* ------------------------------------------------------------------------------------------------ calendars */
div.calendars
{
	clear:								both;

	margin:								10px;
}

div.calendars table
{
	width:								200px;
	
	margin:								10px;
}

/* ------------------------------------------------------------------------------------------------ list */
div.calendar_list
{
	border:								1px solid #c0c0c0;

	margin:								auto;
	
	width:								400px;
}

div.calendar_list div.title
{
	font-size:							19px;
	text-align:							center;
	
	padding:							8px;
}

div.calendar_list table
{
	width:								100%;
}

div.calendar_list td.date
{
	font-weight:							bold;
	
	width:								90px;
}

div.calendar_list td.time
{
	text-align:							right;
	
	padding-right:							5px;

	width:								80px;
}

div.calendar_list td.title
{
	font-style:							italic;
	
	padding-bottom:							5px;
}

div.calendar_list tr.delimiter td
{
	border-top:							1px solid #c0c0c0;
}