/* --------------------------------------------------
Calendar styles
-------------------------------------------------- */

.calendar {
	background: #D6DFEC url(http://www.educadomo.be/library/img/calendar-bg.jpg) no-repeat scroll top center;
	height: 295px;
}

/* --------------------------------------------------
Table styles
-------------------------------------------------- */

.calendar table {
	border-collapse: collapse;
	margin: 0 auto;
	table-layout: fixed;
	width: 355px;
}

/* --------------------------------------------------
Thead styles
-------------------------------------------------- */

.calendar thead tr td.title { display: none }

.calendar thead tr.headrow { /*display: none*/ }

.calendar thead tr.headrow td.nav {}

.calendar thead tr.headrow td.button {
	height: 43px;
	text-align: center;
}

.calendar thead tr.headrow #previous-month { background: url(http://www.educadomo.be/library/img/previous-month-bg.gif) no-repeat scroll top center }

.calendar thead tr.headrow #current-month {
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	text-transform: uppercase;
}

.calendar thead tr.headrow #next-month { background: url(http://www.educadomo.be/library/img/next-month-bg.gif) no-repeat scroll top center }

.calendar thead tr.daynames { /*color: #00529E*/ }

.calendar thead tr.daynames td.name {
	color: #00529E;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.calendar thead tr td.weekend { /*color: #F00*/ }

.calendar thead tr td.hilite {
	/*background-color: #E4E0D8;
	border-bottom: 2px solid #000;
	border-left: 2px solid #FFF;
	border-right: 2px solid #000;
	border-top: 2px solid #FFF;
	padding: 0;*/
}

.calendar thead tr td.active {
	/*background-color: #C4C0B8;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #000;
	padding: 2px 0px 0px 2px;*/
}


/* --------------------------------------------------
Tbody styles
-------------------------------------------------- */

.calendar table tbody tr td {
	background: url(http://www.educadomo.be/library/img/calendar-table-tr-td-bg.jpg) no-repeat scroll top center;
	height: 32px;
}

.calendar table tbody tr td.day {
	height: 32px;
	text-align: center;
	width: 36px;
}

.calendar table tbody tr td.day.othermonth {
	/*color: #AAA;
	font-size: 80%;*/
}

.calendar table tbody tr td.day.othermonth.oweekend { /*color: #FAA*/ }

.calendar table tbody tr td.wn {
	/*background: #F4F0E8;
	border-right: 1px solid #000;
	padding: 2px 3px 2px 2px;*/
}

.calendar tbody tr.rowhilite td { /*background: #E4E0D8*/ }

.calendar tbody tr.rowhilite td.wn { /*background: #D4D0C8*/ }

.calendar tbody tr td.hilite { background: url(http://www.educadomo.be/library/img/calendar-table-tr-td-hover-bg.jpg) no-repeat scroll top center }

.calendar tbody tr td.active {
	/*background: green;
	padding: 2px 2px 0px 2px;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #000;
	border-right: 1px solid #FFF;
	border-top: 1px solid #000;*/
}

.calendar tbody tr td.selected {
	background: url(http://www.educadomo.be/library/img/calendar-table-tr-td-hover-bg.jpg) no-repeat scroll top center;
	color: #FFF;
}

.calendar tbody tr td.weekend { /*color: #F00*/ }

.calendar tbody tr td.today {
	/*color: red;
	font-weight: bold;*/
}

.calendar tbody tr td.disabled { /*color: #999*/ }

.calendar tbody tr td.emptycell { visibility: hidden }

.calendar tbody tr td.emptyrow { display: none }

/* --------------------------------------------------
Tfoot styles
-------------------------------------------------- */

.calendar tfoot { display: none }

.calendar tfoot tr.footrow {}

.calendar tfoot tr td.ttip {
	background: #F4F0E8;
	border: 1px solid #000;
	color: #FFF;
	padding: 1px;
	text-align: center;
}

.calendar tfoot tr td.hilite {
	background: #E4E0D8;
	border-bottom: 1px solid #000;
	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-top: 1px solid #FFF;
	padding: 1px;
}

.calendar tfoot tr td.active {
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #000;
	border-right: 1px solid #FFF;
	border-top: 1px solid #000;
	padding: 2px 0px 0px 2px;
}


/*----------------------------------------------------Partie du bas, choix des mois-------------------------*/

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4e0d8;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c4c0b8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #fea;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}