/* 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 */





/* Overall calendar table properties */

.eventcalq table.mod_eventlistcalq_calendar {

	width: 160px;

	padding: 0;

	margin: 0;

	border-left: 1px solid #A2ADBC;

	font: normal 10px/20px Verdana, Arial, Verdana,  Helvetica, sans-serif;

	color: #616B76;

	text-align: center;

	background-color: #fff;

}



/* Blank cell properties */

.eventcalq td.mod_eventlistcalq {

	font: normal 10px/20px Verdana, Arial, Verdana, Helvetica, sans-serif;

	border-right: 1px solid #A2ADBC;

	border-bottom: 1px solid #A2ADBC;

	width: 21px;

	height: 20px;

	text-align: center;

	background-color: #F0F8FF;

}



/* Today cell preperties */

.eventcalq td.mod_eventlistcalq_caltoday

{

	font: bold 10px/20px Verdana, Arial, Verdana, Helvetica, sans-serif;

	border-right: 1px solid #A2ADBC;

	border-bottom: 1px solid #A2ADBC;	

	width: 21px;

	height: 20px;

	text-align: center;

	color: #3d6060;

	background-color: #d4e9e9;

}



/* 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: 19px;

	height: 18px;

	font-weight: bold;

	display: block;

	color: #608194;

	border: 1px solid #d4e9e9;

}



/* Today Event day cell hover */

.eventcalq td.mod_eventlistcalq_caltodaylink a:hover {

	text-decoration: none;

	width: 19px;

	height: 18px;

	font-weight: bold;

	display: block;

	color: #FFFFFF;

	background-color: #0066FF;

	border: 1px solid #d4e9e9;

}



/* Non event day cell preperties */

.eventcalq td.mod_eventlistcalq_calday {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 21px;
	height: 20px;
	text-align: center;
	background-color: #ffffff;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}



/* Event day cell properties */

.eventcalq td.mod_eventlistcalq_caldaylink, 

.eventcalq td.mod_eventlistcalq_caltodaylink {

	font: bold 10px/20px Verdana, Arial, Verdana, Helvetica, sans-serif;

	border-right: 1px solid #A2ADBC;

	border-bottom: 1px solid #A2ADBC;

	width: 21px;

	height: 20px;

	text-align: center;

	background-color: #CCE0FF;

}



/* 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;

	color: #608194;

	background-color: #CCE0FF;

}



/* Event day cell hover */

.eventcalq td.mod_eventlistcalq_caldaylink a:hover {

	text-decoration: none;

	font-weight: bold;

	display: block;

	color: #FFFFFF;

	background-color: #0066FF;

}

/* Month heading properies */

.eventcalq caption.mod_eventlistcalq_calendar-month {
	color: #3d6060;
	background-color: #e0f0f0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
}



/* 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: #3d6060;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}





/* Month heading Hover properties */

.eventcalq caption.mod_eventlistcalq_calendar-month a:hover{

color: #990000;

text-decoration: none;

}



/* Day of week heading properties*/

.eventcalq th.mod_eventlistcalq_daynames {

	font: bold 10px/20px Verdana, Arial, Verdana, Helvetica, sans-serif;

	color: #222222;

	background: #ffffff;

	padding: 0px;
	
	border-bottom: 1px solid #284949;

}





/* 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;

}