div.calendar
{
  font-size:12px;
  color: #000;
}


div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
  height:250px;
  width:266px;
  vertical-align:top;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar td.supertitle
{
  background:#1C7CA6;
  color:#fff;
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.event
{
  font-weight: bold;
  color: #000;
  border:1px solid red;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}

.calendar_tooltip
{
	position:absolute;
	left:0px;
	top:0px;
	width:180px;
	visibility:hidden;
	overflow:visible;
}

.calendar_tooltipimg
{
	width:100%;
	margin:0px;
	padding:0px;
	text-align:right;
}


.calendar_tooltipbody
{
	width:100%;
	height:100%;
	border:1px solid #000000;
	margin:0px;
	padding:5px;
	background:#FFFFAE;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}