@charset "UTF-8";
/* CSS Document */

#pageCanvas { width: 100% }
#content { width: 70% }

table#calendar { width: 100%; border-collapse: collapse; }
table#calendar th { width: 14.2%; font-family: Verdana, Arial, Helvetica, sans-serif; color:white; background: url(images/halfbox-head.png) -15px top no-repeat; height: 20px; font-size: 13px; font-weight: normal; }
table#calendar th.C-left { background-position: left top; }
table#calendar th.C-right { background-position: right top; border-right: none; }


table#calendar td { border: solid 1px #e6cca1; height: 100px; text-align: left; vertical-align: top; background: url(images/dark-box.png) -15px -15px no-repeat; color: #424242; padding: 3px 5px; font-size: 12px; }
table#calendar td.current { background: url(images/calbox.png) -15px -15px no-repeat; }
table#calendar td.current.today { background: url(images/yellowbox.png) -15px -15px no-repeat; }

table#calendar td.C-left { background-position: left -15px; }
table#calendar td.C-right { background-position: right -15px; border-right: none; }
table#calendar tr.C-bottom td { background-position: -15px bottom; border-bottom: none; }
table#calendar tr.C-bottom td.C-left { background-position: left bottom; }
table#calendar tr.C-bottom td.C-right { background-position: right bottom;  }

table#calendar td ul.elist { margin-left: 15px; }
table#calendar td ul.elist li { font-size: 14px; }

.monthControl { text-align: center; margin: 0 auto; }
.monthControl h1 { font-family: Arial, Helvetica, sans-serif; font-size: 37px; color: #424242; margin-bottom: 0; }
.monthControl div { margin: 7px 0; }
.monthControl div input { font-size: 17px; border: solid 1px gray; width: 100px; }