/* Modification to eventlistcal by Toni Smillie www.qivva.com toni@qivva.com */
/* @version 0.93 $Id: mod_eventlistcal15q.css 50 2009-08-27 22:29:30Z qivva $ */
/* @package Qivva Eventlist Calendar Module */
/* @copyright (C) 2008,2009  Toni Smillie */
/* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL */

.eventcalq {
	width: 218px;
	padding: 0;
	margin: 0;
	
	margin-top: 8px;	
	margin-left: 10px;	
	margin-bottom: 18px;
}

/* Overall calendar table properties */
.eventcalq table.mod_eventlistcalq_calendar {
	width: 218px;
	border-left: 1px solid #DCDCDC;
	font: normal 12px/20px "Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	background-color: #fff;
	border-left: 1px solid #DCDCDC;
	float:left;
}

/* Blank cell properties */
.eventcalq td.mod_eventlistcalq {
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	width: 30px;
	height: 24px;
	text-align: center;
	
	background-color: #DCDCDC;
}

/* Today cell preperties */
.eventcalq td.mod_eventlistcalq_caltoday
{
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;	
	width: 30px;
	height: 24px;
	text-align: center;
	background:url("images/cal_day_bg.png") no-repeat;
}

/* Today Event day cell hover Link / Visited*/
.eventcalq td.mod_eventlistcalq_caltodaylink a:link,
.eventcalq td.mod_eventlistcalq_caltodaylink a:visited{
	text-decoration: none;
	width: 30px;
	height: 24px;
	font-weight: bold;
	line-height:24px;
	display: block;
	color: #0099FF;
	background:url("images/cal_day_bg.png") no-repeat;
}

/* Today Event day cell hover */
.eventcalq td.mod_eventlistcalq_caltodaylink a:hover {
	font-weight: bold;

	color: #ffffff;
	width: 30px;
	height: 24px;
	text-align: center;
	background:url("images/cal_eday_bg.gif") no-repeat;
}	

/* Non event day cell preperties */
.eventcalq td.mod_eventlistcalq_calday {
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	width: 30px;
	height: 24px;
	text-align: center;
	
	background:url("images/cal_day_bg.png") no-repeat;
}

/* Event day cell properties */
.eventcalq td.mod_eventlistcalq_caldaylink, 
.eventcalq td.mod_eventlistcalq_caltodaylink {
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	width: 30px;
	height: 24px;
	text-align: center;
	background:url("images/cal_eday_bg.gif") no-repeat;
}

/* Event day cell hover Link / Visited*/
.eventcalq td.mod_eventlistcalq_caldaylink a:link,
.eventcalq td.mod_eventlistcalq_caldaylink a:visited{
	text-decoration: none;
	font-weight: bold;
	display: block;
	line-height:24px;
	color: #ffffff;
	width: 30px;
	height: 24px;

}

/* Event day cell hover */
.eventcalq td.mod_eventlistcalq_caldaylink a:hover {
	text-decoration: none;
	font-weight: bold;
	display: block;
	line-height:24px;
	color: #FFFFFF;
	width: 30px;
	height: 24px;
	background:url("images/cal_eday_bg.gif") no-repeat;
}


/* Month heading properies */
.eventcalq div.mod_eventlistcalq_calendar-month {
	color: #ffffff;
/*	background-color: #3D6EAF;*/
	text-align: center;
	height:24px;
	width:2180px;
	
	margin:0;
	padding:0;
clear:both;
}

/* Month heading Link / Visited properties */
.eventcalq caption.mod_eventlistcalq_calendar-month a,
.eventcalq caption.mod_eventlistcalq_calendar-month a:link,
.eventcalq caption.mod_eventlistcalq_calendar-month a:visited
{
color: #DFEFFF;
}


/* Month heading Hover properties */
.eventcalq caption.mod_eventlistcalq_calendar-month a:hover{

text-decoration: none;

}

.eventcalq span.prevmonth{
	width:22px;
	height:22px;
}

.eventcalq span.prevmonth a{
	background:url("images/cal_arrow_left.gif") no-repeat;
	width:22px;
	height:22px;
	float:left;
	display: block;
}

.eventcalq span.caltitle{
	color: #ffffff;
	text-align: center;
	height:22px;
	width:174px;
	background:url("images/cal_title_bg.gif") no-repeat;
	
	font-size:12px;
	text-valign:midle;
	line-height:22px;
	float:left;
}

.eventcalq span.nextmonth{
	width:22px;
	height:22px;
}
.eventcalq span.nextmonth a{
	background:url("images/cal_arrow_right.gif") no-repeat;
	width:22px;
	height:22px;
	float:left;
	display: block;
}



/* Day of week heading properties*/
.eventcalq th.mod_eventlistcalq_daynames {
	color: #666666;
	background: White;
	padding: 0px;

	border-right: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	border-bottom: 2px solid #DCDCDC;
}

.eventcalq th.sunday {
	background-color: #FDE9FF;
}


/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 300px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(/templates/system/images/selector-arrow.png) no-repeat;
	color: #000000;	
}

.tool-text {
	font-size: 100%;
	margin: 0;
	color: #000000;
}