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

/*
	Set size globally here
*/
div.eventcalq,
div.eventcalq div.month_select,
div.eventcalq ul.daynames,
div.eventcalq ul.week {
	position: relative;
	width: 280px; margin: 0 auto; padding: 0;
	clear: both;
}

div.eventcalq {
	font-size: 0.875em;
}

div.eventcalq div.month_select {
	font-size: 1.225em;
	padding: 10px 0;
	color: #fff;
}
div.eventcalq div.month_select a {
	font-weight: bold;
	color: #a8dff0;
}
div.eventcalq div.month_select a:hover {
	text-decoration: none;
	color: #fff;
}

div.eventcalq ul.daynames li {
	float: left;
	width: 38px;
	margin: 0 1px;	padding: 0;
	list-style-type: none;
	text-align: center;
	color: #fff;
}

div.eventcalq ul.week li {
	float: left; position: relative;
	width: 36px; height: 36px;
	margin: 1px;
	list-style-type: none;
	text-align: right;
	color: #242424;
	background: #a8dff0;
}
div.eventcalq ul.week li a {
	display: block;
	width: 36px; height: 36px;
	text-decoration: none;
	color: #242424;
	background: #fff;
}
div.eventcalq ul.week li a:hover {
	color: #242424;
	background: #fff;
}
div.eventcalq ul.week li.today span {
	font-size: 1.4em;
	text-decoration: underline;
	color: #c00;
}
div.eventcalq ul.week li.hot a {
	color: #fff;
	background: #c00;
}
div.eventcalq ul.week li.hot.today span {
	color: #fff;
}
div.eventcalq ul.week li span {
	display:block;
	padding: 4px 6px 0 0;
	font-weight: bold;
}

div.eventcalq ul.week li.last_month,
div.eventcalq ul.week li.next_month {
	background: transparent;
}

/*
	Eventlist popup
*/
div.eventcalq div.eventlist {
	position: absolute;
	top: 15px; left: 10px;
	width: 200px;
	border: 1px solid #999;
	padding: 5px 10px;
	background: #fff url(../images/popup_background.png) right repeat-y;
	color: #242424;
	text-align: left;
	font-size: 1.125em;
	z-index: 9999;
	overflow: hidden;
}
div.eventcalq div.eventlist h4 {
	margin-bottom: 0.5em;
	border-bottom: 1px dashed #dedede;
	padding-bottom: 0.5em;
}
div.eventcalq div.eventlist ul {
	width: 100%; margin: 0; padding: 0; text-align: left;	background: none;
}
div.eventcalq div.eventlist li {
	float: none; width: 100%; height: auto; background: none; text-align: left;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 5px;
	background: transparent url(../images/calendar_list_event1.png) left 2px no-repeat;
}
div.eventcalq div.eventlist li.hot_event {
	background: transparent url(../images/calendar_list_event2.png) left 2px no-repeat;
}
div.eventcalq li.today div.eventlist li span {
	font-size: 0.6em;
}
div.eventcalq li.hot div.eventlist li a,
div.eventcalq li.hot div.eventlist li a:hover,
div.eventcalq div.eventlist li a,
div.eventcalq div.eventlist li a:hover {
	float: none; width: 100%; height: auto; background: none; text-align: left;
	color: #00a7d1;
	font-weight: bold;
	line-height: 1;
}
div.eventcalq li.hot div.eventlist li a:hover,
div.eventcalq div.eventlist li a:hover {
	color: #0cf;
}
div.eventcalq div.eventlist li span {
	line-height: 1;
	font-weight: bold;
	font-size: 0.875em;
}
div.eventcalq div.eventlist li span.time {
	float: left;
	color: #4bb100;
}
div.eventcalq div.eventlist li span.venue {
	float: left;
	color: #999;
	text-transform: uppercase;
}
div.eventcalq div.eventlist li span.category {
	clear: left;
	color: #bbb;
	text-transform: lowercase;
}