/* CSS Document */
body {
	font: normal 11px Verdana;
}
.calendar {
    position:absolute;
    top:auto;
    left:auto;
    border:1px outset #999;
    background-color:#fffcfc;
    z-index:100;
    width:200px;
    height:auto;
}
.head_month {
    font:normal 28pt "Trebuchet MS";
    color:black;
}
.head_year {
    color:#000;
    font:normal 20pt "Trebuchet MS";
    margin-left: 10px;
}
.page {
    float:left;
    padding: 1em;
    
}
.grid {
    border-collapse:collapse;
}
.grid td {
    border:1px solid #eee;
    text-align:center;
    vertical-align:middle;
    padding:3px;
}
.grid thead td {
    color:#CC3300;
    border:none;
}
.day {
    font:normal 10px verdana;
    cursor:pointer;
}
.mo { background-color: #000066 }
.tu { background-color: #000099 }
.we { background-color: #0000CC }
.th { background-color: #0000FF }
.fr { background-color: #0033FF }
.sa { background-color: #0066FF }
.su { background-color: #00CCFF }

.grid td.edge_month {
    visibility:hidden;
    border:none;
}
.grid td.past {
    color:#bbb;
    background:none;
    border:none;
}

.today {
    color:#000;
    background-color:#fa0;
}
.over {
    background-color:#fa0;
    color:white;
}
.buttonbar {
    color:black;
}
.button {
    cursor:pointer;
    padding:2px 6px;      
    float:left;
    font:bold 10pt verdana;
}
.close {
    float:right;
	color:black;
}
.button:hover {
    color:red;
}