div.bodytext {
        color: #FFFFFF;
        padding-top: 3px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 3px;
        font-size: 11px;
        font-family: Verdana, Helvetica, Arial;
        text-align: left;
}

div.right-bodytext {
        color: #FFFFFF;
        padding-top: 3px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 3px;
        font-size: 11px;
        font-family: Verdana, Helvetica, Arial;
        text-align: right;
}

td {
        color: #FFFFFF;
        font-size: 11px;
        font-family: Verdana, Helvetica, Arial;
}

a {
        color: #FFFFFF;
        font-weight: bold;      
}

div.h-rule {
        height: 1px; 
        width: 250px;
        overflow: hidden; 
        border-bottom: 1px dotted #FFFFFF; 
        margin-bottom: 9px; 
        padding-top: 4px;
}

div.message {
		color: #FF0000;
		font-size: 140%;
		font-weight: bold;
}

div.disabled {
		display: inline;
		float: none;
		clear: none;
		color: #C0C0C0;
}

td.cell-today {

	background-color: #208804;

}

td.cell-weekday {
		background: #aaaaaa;
}

td.cell-weekend {
		background: #7e7e7e;
}

div.cell-number {

}

div.cell-data {

}

th.cell-header {

}

table.calendar {

}

th.cell-prev {

}

th.cell-next {

}

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}

a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
}

a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}

a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}

a.screen:hover b img {
border:0; /* remove the link border */
}