/* LE GRAND CALENDRIER */
table.calendar{
	margin: auto;
	text-align: center;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	cursor: default;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid silver;
}

table .tr{
	border-collapse: collapse;
}

tr.calendarTitleCell{
	height: 5px;
}

td.calendarTitleCell {
	width: 100px;
	font-variant: small-caps;
}

td.calendarDate {
	height: 15px;
	text-align: right;
	font-size: x-small;
	background-color: #e2e4ff;
	border: solid silver;
	border-width: 1px 1px 0px 1px;
}

td.calendarDateOtherMonth {
	height: 15px;
	text-align: right;
	font-size: x-small;
	color:silver;
	background-color: #e2e4ff;
	border: solid silver;
	border-width: 1px 1px 0px 1px;
}

td.calendarCellDetailsOhtherMonth{
	height: 80px;
	border: solid silver;
	border-width: 0px 1px 1px 1px;
}

td.calendarCellDetails{
	height: 80px;
	border: solid silver;
	border-width: 0px 1px 1px 1px;
}

td.calendarCellEvent{
	height: 80px;
	width: 100px;
	border: solid silver;
	border-width: 0px 1px 1px 1px;
	background-color:#59A4BA;
	font-size: x-small;
}

td.calendarCellDetails:hover{
	height: 80px;
	background-color:#F62BAC;
	opacity: 1;
	border: solid silver;
	border-width: 0px 1px 1px 1px;
}

/* LE PETIT CALENDRIER */

table.smallCalendar{
	width:250px;
	margin:auto;
	text-align: center;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:12px;
	cursor: default;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid silver;
}

tr.smallCalendarTitleCell{
	height: 5px;
}

td.smallCalendarTitleCell {
	width: 30px;
	font-variant: normal;
	font-size: x-small;
}

td.smallCalendarDate {
	height: 15px;
	width: 28px;
	text-align: right;
	font-size: x-small;
	background-color: #e2e4ff;
	border: solid silver;
	border-width: 1px 1px 0px 1px;
}

td.smallCalendarDateOtherMonth {
	height: 15px;
	text-align: right;
	font-size: x-small;
	color:silver;
	background-color: #e2e4ff;
	border: solid silver;
	border-width: 1px 1px 0px 1px;
}

td.smallCalendarCellDetailsOhtherMonth{
	height: 100%;
	width: 28px;
	border: solid silver;
	border-width: 0px 1px 1px 1px;
}

td.smallCalendarCellEvent{
	height: 100%;
	width: 28px;
	border: solid silver;
	border-width: 0px 1px 1px 1px;
	background-color:#59A4BA;
}

td.smallCalendarCellDetails{
	height: 100%;
	width: 28px;
	border: solid silver;
	border-width: 0px 1px 1px 1px;
}

td.smallCalendarCellDetails:hover{
	height: 100%;
	/*background-color: #eaeaea;*/
	background-color:#F62BAC;
	width: 28px;
	opacity: 1;
	border: solid silver;
	border-width: 0px 1px 1px 1px;
}

/*TIPS*/

.tool-tip .tip {
	color: white;
	width: 200px;
	z-index: 13000;
}
 
.tool-tip .tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url("../include/calendrier/images/bubble.png") top left;
}
 
.tool-tip .tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url("../include/calendrier/images/bubble.png") bottom right;
}