/* Modification to eventlistcal by Toni Smillie www.qivva.com toni@qivva.com */
/* @version 0.8 $Id: mod_eventlistcal15q.css 33 2008-12-28 18:38:45Z qivva $ */
/* @package Eventlist CalModuleQ */
/* @copyright (C) 2008  Toni Smillie */
/* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL */

/* Container div Width set the same as calendar width. Setting both margins to auto centres the calendar*/
.eventcalq {
/*  width: 154px;*/
  margin-left: auto ;
  margin-right: auto ;
}

.mod_jse_mini_calendar-month a{
	text-decoration: none;
}

/* Overall calendar table properties */
.eventcalq table.mod_jse_mini_calendar {
/*	width: 154px;*/
	width: 100%;
	padding: 0;
	margin: 0;
	border: 1px solid #e5e5e5;
	font: normal 12px/20px "Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

/* Blank cell properties */
.eventcalq td.mod_jse_mini_calendar {
	font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
/*	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;*/
	width: 21px;
	height: 20px;
	text-align: center;
	background-color: #FFF;
}

/* Today cell preperties */
.eventcalq td.mod_jse_mini_calendar_caltoday
{
	font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	width: 21px;
	height: 20px;
	text-align: center;
	color: #FFF;
	background-color: #fe6367;
}

/* Today Event day cell hover Link / Visited*/
.eventcalq td.mod_jse_mini_calendar_caltodaylink a:link,
.eventcalq td.mod_jse_mini_calendar_caltodaylink a:visited{
/*	text-decoration: underline;*/
/*	width: 23px;
	height: 22px;*/
	font-weight: bold;
	display: block;
	color: #fe6367;
	background-color: #eeee;
	/*border: 1px solid #fe6367;*/
}

/* Today Event day cell hover Hoover su oggi con evento */
.eventcalq td.mod_jse_mini_calendar_caltodaylink a:hover {
	text-decoration: none;
/*	width: 19px;
	height: 18px;*/
	font-weight: bold;
	display: block;
	color: #000;
	background-color: #fe6367;
	border: 1px solid #CA4E4E;
}

/* Non event day cell preperties Giorno senza evento */
.eventcalq td.mod_jse_mini_calendar_calday {
	font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
/*	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;*/
	width: 21px;
	height: 20px;
	text-align: center;
/*	background-color: #efefef;*/
}
.eventcalq td.mod_jse_mini_calendar_calday:hover {
    background-color: #eee;
    
}

/* Event day cell properties Giorno con evento */
.eventcalq td.mod_jse_mini_calendar_caldaylink,
.eventcalq td.mod_jse_mini_calendar_caltodaylink {
	font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
/*	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;*/
	width: 21px;
	height: 20px;
	text-align: center;
	background-color: #eee;
}

/* Event day cell hover Link / Visited*/
.eventcalq td.mod_jse_mini_calendar_caldaylink a:link,
.eventcalq td.mod_jse_mini_calendar_caldaylink a:visited{
	text-decoration: none;
	font-weight: bold;
	display: block;
	color: #838383;
	background-color: #eee;
        text-align: center;
}

/* Event day cell hover Hoover su giorno con evento*/
.eventcalq td.mod_jse_mini_calendar_caldaylink a:hover {
	text-decoration: none;
	font-weight: bold;
	display: block;
	color: #000;
	background-color: #fe6367;
}
/* Month heading properies Casella del mese */
.eventcalq caption.mod_jse_mini_calendar-month {
	font: bold 12px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	background-color: #fe6367;
	text-align: center;
        position: relative;
}

/* Month heading Link / Visited properties */
.eventcalq caption.mod_jse_mini_calendar-month a,
.eventcalq caption.mod_jse_mini_calendar-month a:link,
.eventcalq caption.mod_jse_mini_calendar-month a:visited
{
	color:#fff;
}
.eventcalq caption.mod_jse_mini_calendar-month a.next-left{
    position: absolute;
    left: 3px;
    display: block;
    top: 19%;
    cursor: pointer;
    padding: 2px 8px;
    background-color: #fff;
    color: #e74c3c;
    border-radius: 50%;
    opacity: 0.8;
    transition: .3s;
    font-size: 16px;
}
.eventcalq caption.mod_jse_mini_calendar-month a.next-left:hover{
    opacity: 1;
    color:#e74c3c
}
.eventcalq caption.mod_jse_mini_calendar-month a.next-right{
    position: absolute;
    right: 3px;
    display: block;
    top: 19%;
    cursor: pointer;
    padding: 2px 8px;
    background-color: #fff;
    color: #e74c3c;
    border-radius: 50%;
    opacity: 0.8;
    transition: .3s;
    font-size: 16px;
}
.eventcalq caption.mod_jse_mini_calendar-month a.next-right:hover{
    opacity: 1;
    color:#e74c3c
}
/* Month heading Hover properties */
.eventcalq caption.mod_jse_mini_calendar-month a:hover{
	color: #fff;
	text-decoration: none;
}

/* Day of week heading properties Giorni della settimana */
.eventcalq th.mod_jse_mini_calendar_daynames {
	font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #e74c3c;
/*	background: #e5e5e5;*/
	padding: 0px;	
        text-align: center;
}
.eventcalq th.mod_jse_mini_calendar_daynames:hover {
    background-color: #eee;
}

/* CSS Tooltips RAIDNET */

.tool-title {
	font-weight: bold;
	font-size: 11px;
	color:orange;
	margin: 0;
	padding: 1px 4px 1px 6px;
	background-image: url(bubble.png);
	background-position: top left;
	border-bottom:1px dotted #6699cc;
}

.tool-tip {
	width: 172px;
	background: none;
	border:0px;
	z-index: 13000;
}


.tool-text {
	font-size: 100%;
	padding: 1px 4px 2px 4px;
	color: blue;
	background-image: url(bubble.png);
	background-position: bottom left;
}



/* CSS VECCHIO 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(../../administrator/templates/khepri/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}*/