body {
  background: #C0C000;
  vertical-align: top;
}
.navbar{
  background-color: #C0C000;
} 

a, h1, h2 {
    color: #377BA8;
}

a:hover { text-decoration: underline; color: Red; }

h1, h2 {
    font-family: 'Georgia', serif; margin: 0;
}

h1 {
    border-bottom: 2px solid #eee;
}

h2 {
    font-size: 1.2em;
}

td {
    vertical-align: top;
}

table {
  border-collapse: separate;
  border-spacing: 0.1em 0.2em;
}

.boxed {
  border: green 1px solid;
}

/* blog entries */
.blog-entry {
    margin: 0;
    padding: 0;
}

.blog-entry li {
    list-style: none;
    margin: 0.8em 1.2em;
}

.blog-entry li h2 {
    margin-left: -1em;
}

.blog-entry .blog-entry-author {
    font-style: italic;
    font-size: 0.7em;
}

.add-blog-entry {
    font-size: 0.9em;
    border-bottom: 1px solid #ccc;
}

.add-blog-entry dl {
    font-weight: bold;
}

/* main page */
.page {
    margin: 2em auto;
    width: 35em;
    border: 5px solid #ccc;
    padding: 0.8em;
    background: white;
}

.metanav {
    text-align: right;
    font-size: 0.8em;
    padding: 0.3em;
    margin-bottom: 1em;
    background: #fafafa;
}

/* matrix */

.matrix-day-header-workday { /* V */
    background-color: silver;
}
.matrix-day-header-weekend { /* W */
    background-color: red;
}
.matrix-day-header-holiday { /* H */
    background-color: green;
}
.matrix-day-header-today { /* T */
    background-color: yellow;
}
.matrix-day-header-unknown {
    background-color: white;
}


.matrix-hotel-header {
    text-align: center;
    vertical-align: middle;
    background-color: grey;
}
.matrix-hotel-header-with-bathroom-left {
    text-align: center;
    vertical-align: middle;
    background-color: darkgreen;
    color: white;
    background-image: linear-gradient(135deg, blue, blue 10px, transparent 10px, transparent);
}
.matrix-hotel-header-with-bathroom-right {
    text-align: center;
    vertical-align: middle;
    background-color: darkgreen;
    color: white;
    background-image: linear-gradient(225deg, blue, blue 10px, transparent 10px, transparent);
}

.matrix-room-header {
    text-align: center;
    background-color: silver;
}
.matrix-room-header-with-bathroom-left {
    text-align: center;
    background-color: silver;
    background-image: linear-gradient(135deg, blue, blue 5px, transparent 5px, transparent);
}
.matrix-room-header-with-bathroom-right {
    text-align: center;
    background-color: silver;
    background-image: linear-gradient(225deg, blue, blue 5px, transparent 5px, transparent);
}
.matrix-room-with-bathroom-unreserved {
    text-align: center;
    background-color: green;
    color: white;
}
.matrix-room-with-hotel-common-bathroom-unreserved {
    text-align: center;
    background-color: green;
    color: white;
}
.matrix-room-without-bathroom-unreserved {
    text-align: center;
    background-color: yellow;
}

.matrix-room-reserved-offered { /* 1 */
    text-align: center;
    background-color: lightgreen;
    color: white;
}
.matrix-room-reserved-paid-down { /* 2 */
    text-align: center;
    background-color: blue;
    color: white;
}
.matrix-room-reserved-paid-fully { /* 3 */
    text-align: center;
    background-color: #FF9000;
}
.matrix-room-reserved-closed { /* 4 */
    text-align: center;
    background-color: gray;
}
.matrix-room-reserved-unknown {
    text-align: center;
    background-color: yellow;
}



/* flash ---------------------------------------------------------------------*/
/*
.flash {
    background: #CEE5F5;
    padding: 0.5em;
    border: 1px solid #AACBE2;
}

ul.flash {
    list-style-type: none;
    padding : 0;
    margin : 0;
}

.message, .info {
    background: lightgreen; //lightblue;
    padding: 0.5em;
}

.error {
    background: red; //#F0D6D6;
    padding: 0.5em;
}

.warning {
    background: yellow;
    padding: 0.5em;
}


.error {
    background: #F0D6D6;
    padding: 0.5em;
}
*/