a {
	color: #000;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 11pt;
	background-color: #f90;
}

input {
	font-family: Verdana, sans-serif;
	font-size: 12pt;
}

table {
	border: solid #000000 2px;
	background-color: #f60;
	font-size: 10pt;
	margin-left: auto;
	margin-right: auto;
}

/* the month and year header */
caption {
	font-size: 16pt;
	margin-left: auto;
	margin-right: auto;
}

/* top row cells which hold day names */
th {
	border: solid #000000 1px;
	font-size: 10pt;
	background-color: #c63;
	color: #ffffff;
	width: 90px;
}

/* day cells */
td {
	border: solid #000000 1px;
	height: 80px;
	width: 90px;
	text-align: left;
	vertical-align: top;
	background-color: #f60;
}

/* day cells with events */
td.event {
	background-color: #f90;
}

/* day cell for today */
td.today {
	background-color: #fc0;
	border: solid #800 1px;
}


        /*
        =================================
        start of Tooltip css code here
        ================================= */

a.info{
        position:relative;           /*this is the key*/
        z-index:24;
        /*background-color:#e0e0e0;*/    /* background colour of display text */
        color:#000000;               /* colour of display text */
        /*border:1px dotted #999;*/    /* border colour */
        text-decoration:none;
        font-style:italic;
}

a.info:hover {
        z-index:25;
        /*background-color:#ffff66;*/
}

a.info span{
        display: none;  /* hide the span text using this css */
}

a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1.5em;
        left: 3em;
        width:15em;
        border:1px solid #ff0000; /* border colour */
        background-color:#ffff99; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
        font-size: .8em;
        font-style:italic;
        z-index:30;
}

.images {
        vertical-align:bottom;
}