p#display_area {
 font-family: arial, verdana, sans serif;
 font-size: 8pt;
 padding: 5px;
 height: 50px;
 text-align: center;
 vertical-align: middle;
 width: 450px;
 border: 1pt solid black;
 background-color: ececec;}

table#month {
 font-family: arial, verdana, sans serif;
 font-size: 8pt;
 text-align: center;
 margin: 0;
 border-collapse: collapse;
 padding: 0;
 width: 450px;
 height: 20px;
 border-width: 1 1 0 1;
 border-style: solid;
 border-color: black;
 background-color: #CBC8EF;}

table#month td {
 padding: 5px;}

table#month a:link, table#month a:active, table#month a:visited {
 color: white;
 text-decoration: none;
 font-weight: bold;}

table#month a:hover {
 color: black;}

table#month th.prev {
 width: 25%;
 text-align: left;
 padding-left: 10px;}

table#month th.curr_month {
 text-align: center;
 width: 50%;
 font-size: 12pt;
 font-weight: bold;}

table#month th.next {
 width: 25%;
 text-align: right;
 padding-right: 10px;}
 
table#cats {
 font-family: arial, verdana, sans serif;
 font-size: 8pt;
 text-align: center;
 width: 450px;
 border-collapse: collapse;
 padding: 0;
 margin: 0;
 border: 1pt solid black;
 border-bottom: none;}

table#cats td.all {
 text-align: center;
 color: black;
 font-weight: bold;
 background-color: white;}

table#cats td.cats {
 text-align: center;
 color: white;
 font-weight: bold;}

table#cats td.cats a:link, table#cats td.cats a:active, table#cats td.cats a:visited {
 color: #fff;
 font-weight: bold;
 text-decoration: none;}

table#days {
 font-family: arial, verdana, sans serif;
 font-size: 8pt;
 text-align: center;
 border-collapse: collapse;
 width: 450px;
 padding: 0;
 margin: 0;
 border: 1pt solid black;}

table#days th {
 width: 70px;
 border: 1pt solid black;
 border-left: none;
 border-right: none;}