/* html, body { margin: 0; padding: 0 }
body { background-color:#fff; font: 10px Arial, Helvetica, sans-serif;} */

#container { margin: 2em auto 0 2em; padding-bottom: 2em; background-color: #fff; }

#month { border-collapse: collapse; margin-left: 2em; }
#month th, #month td { border: 1px solid #000; }
#month thead { background-color:#FA2494; }
#month td { width: 60px; height: 60px; padding: .2em; vertical-align: top; overflow: auto; }

td .day { width: 90px; height: 90px; overflow:auto; margin-top: 0; }
#month tbody .weekend { background-color:#CFCFCF; }
#month tbody .next, #month tbody .previous { background-color:#ddd; }
#month tbody .activity { background-color:#FF80C0; }

.rtop { display:block; background:#060; }
.rtop * { display: block; height: 1px; overflow: hidden; background:#fff; }
.r1{margin: 0 0 0 5px}
.r2{margin: 0 0 0 3px}
.r3{margin: 0 0 0 2px}
.r4{margin: 0 0 0 1px; height: 2px}

#container h1 { margin: 0 0 .5em .5em; font: 16px bold Arial, Helvetica, sans-serif; color: #060; }

#date { font: 9px bold Arial, Helvetica, sans-serif; }

#month th { font: 10px bold Arial, Helvetica, sans-serif; }
p {margin-top: 0; font: 11px bold Century Schoolbook, Century Gothic, Arial, serif; }