terom@42: /*
terom@42:  * Global styles
terom@42:  */
terom@42: body {
terom@42:     padding: 0px;
terom@42:     margin: 0px;
terom@42: 
terom@42:     background-color: #ffffff;
terom@42:     color: #000000;
terom@42: }
terom@42: 
terom@42: /*
terom@42:  * Menu
terom@42:  */
terom@42: #menu {
terom@42:     padding: 0px;
terom@42:     margin: 0px;
terom@42: }
terom@42: 
terom@42: #menu ul {
terom@42:     display: table;
terom@42:     list-style-type: none;
terom@42: 
terom@42:     width: 100%;
terom@42: 
terom@42:     padding: 0px;
terom@42:     margin: 0px;
terom@42:     
terom@42:     background-color: #f0f0f0;
terom@42:     border-bottom: 1px dashed #a5a5a5;
terom@42: 
terom@42:     text-align: center;
terom@42:     white-space: nowrap;
terom@42: }
terom@42: 
terom@42: #menu li {
terom@42:     display: table-cell;
terom@42: 
terom@42:     height: 1.5em;
terom@42: 
terom@42:     padding: 0px;
terom@42:     margin: 0px;
terom@42: 
terom@42:     border-left: 1px solid #b0b0b0;
terom@42: 
terom@42:     font-weight: bold;
terom@42: }
terom@42: 
terom@42: #menu li a,
terom@42: #menu li form {
terom@42:     height: 1.5em;
terom@42: }
terom@42: 
terom@50: #menu li:first-child {
terom@42:     border-left: none;
terom@42: }
terom@42: 
terom@42: #menu li a {
terom@42:     display: block;
terom@42: 
terom@42:     padding: 6px;
terom@42:     margin: 0px;
terom@42: 
terom@42:     height: 100%;
terom@42: 
terom@42:     color: #494949;
terom@42:     text-decoration: none;
terom@42: }
terom@42: 
terom@42: #menu li a:hover {
terom@42:     background-color: #d0d0d0;
terom@42:     text-decoration: none;
terom@42: }
terom@42: 
terom@42: #menu form {
terom@42:     display: block;
terom@42: 
terom@42:     padding: 0px;
terom@42:     margin: 0px;
terom@42: }
terom@42: 
terom@49: #menu form input[type=submit] {
terom@42:     padding: 9px;
terom@42:     margin: 0px;
terom@42: 
terom@42:     border: none;
terom@42:     background-color: inherit;
terom@42: 
terom@42:     cursor: pointer;
terom@42: }
terom@42: 
terom@49: #menu form input[type=submit]:hover {
terom@42:     background-color: #d0d0d0;
terom@42: }
terom@42: 
terom@42: /*
terom@42:  * Content
terom@42:  */
terom@42: div#content {
terom@42:     padding: 25px;
terom@42: }
terom@42: 
terom@42: /*
terom@42:  * Footer
terom@42:  */
terom@42: div#footer {
terom@50:     padding: 10px;
terom@42:     
terom@42:     border-top: 1px dashed #a5a5a5;
terom@42: 
terom@42:     font-size: x-small;
terom@42:     font-style: italic;
terom@42: }
terom@42: 
terom@42: div#footer-left {
terom@42:     float: left;
terom@42: }
terom@42: 
terom@42: div#footer-right {
terom@42:     float: right;
terom@42:     text-align: right;
terom@42: }
terom@42: 
terom@42: div#footer-center {
terom@42:     text-align: center;
terom@42: }
terom@42: 
terom@54: /*
terom@54:  * General
terom@54:  */
terom@42: 
terom@54: /* Calendar */
terom@55: table.calendar {
terom@55:     
terom@55: }
terom@55: 
terom@55: table.calendar th {
terom@55:     background-color: #c8c8c8;
terom@55: }
terom@55: 
terom@55: table.calendar td {
terom@55:     margin: 1px;
terom@55: 
terom@55:     
terom@55:     text-align: center;
terom@55: }
terom@55: 
terom@55: table.calendar tr.month-header th {
terom@55: 
terom@55: }
terom@55: 
terom@55: table.calendar tr.month-header a {
terom@55:     display: block;
terom@55:     
terom@55:     color: inherit;
terom@55:     text-decoration: none;
terom@55:     
terom@55:     padding: 3px;
terom@55:     padding-left: 8px;
terom@55:     padding-right: 8px;
terom@55: 
terom@55:     font-size: x-large;
terom@55: }
terom@55: 
terom@55: table.calendar tr.month-header a:hover {
terom@55:     background-color: #b5b5b5;
terom@55: }
terom@55: 
terom@55: table.calendar tr.month-header span {
terom@55:     margin-top: 5px;
terom@55: }
terom@55: 
terom@55: table.calendar a.prev-month {
terom@55:     float: left;
terom@55: }
terom@55: 
terom@55: table.calendar a.next-month {
terom@55:     float: right;
terom@55: }
terom@55: 
terom@55: table.calendar tr.week-header th {
terom@55:     width: 14%
terom@55: }
terom@55: 
terom@55: table.calendar td {
terom@55:     padding: 2px;
terom@55: }
terom@55: 
terom@55: table.calendar td a {
terom@55:     display: block;
terom@55:     padding: 2px;
terom@55: 
terom@55:     background-color: #e0e0e0;
terom@55:     text-decoration: none;
terom@55: 
terom@55:     color: inherit;
terom@55: }
terom@55:     
terom@55: table.calendar td.empty {
terom@55:     color: #d0d0d0;
terom@55: }
terom@55: 
terom@55: table.calendar td a:hover {
terom@55:     background-color: #d0d0d0;
terom@55: }
terom@55: 
terom@54: table.calendar td#today {
terom@54:     font-weight: bold;
terom@54: }
terom@54: 
terom@55: