.changed {
   color: red;
   font-style: italic;
}

.strikeout {
   color: grey;
   font-style: italic;
   text-decoration: line-through;
}

.played {
   color: grey;
   font-style: italic;
}

td, th {
   vertical-align: top;
}

td span {
   display: block;
   font-size: 0.8em;
}

#content {
   padding: 3px 10px;
}

#content.invisible {
   color: #ccc;
   background: #222;
}

#overlay {
   position: fixed;
   top: 50px;
   left: auto;
   width: 70%;
   height: 80%;
   border: solid #333 8px;
   overflow: scroll;
   display: none;
   z-index: 10000;
   padding: 10px;
}

#overlay td {
   vertical-align: top;
}

#overlay.visible {
   display: block;
   background: #222;
}

#overlay.invisible {
   display: none;
}

#feedback {
   top: 0px;
   bottom: 25px;
}

table.month tr th {
   color: #666;
   background-color: #dde;
   border-width: 1px;
   padding: 5px 2px;
   text-align: center;
}

table.month tr td {
   background-color: #eee;
   border-width: 1px;
   padding: 5px 2px;
   text-align: center;
}

table.month tr .active {
   color: #000;
   text-align: center;
}

table.month tr .inactive {
   color: #999;
   background-color: #ddd;
   text-align: center;
}

table.month tr td.mon, table.month tr td.tue, table.month tr td.wed, table.month tr td.thu, table.month tr td.fri {
   background-color: #eee;
   text-align: center;
}

.table.month tr td.sat, table.month tr td.sun {
   background-color: #ccf;
   text-align: center;
}

table.month tr td.blocked {
   background-color: #f33;
   color: #fff;
}

table.month tr .hovered {
   background-color: #ff3;
   color: #f00;
   text-align: center;
}

table.month tr .marked {
   background-color: #007;
   color: #ff0;
   text-align: center;
}

table.month tr td.used {
   font-weight: bold;
}

table.month tr td.mixed {
   text-align: center;
   font-weight: bold;
   background-color: red;
   color: white;
}

table.month tr td.selected {
   text-align: center;
   font-weight: bold;
   background-color: orange;
   color: white;
}

a img {
   border: none;
}

tr.bottomline {
   border-bottom: #ccf solid 1px;
}

tr.topline {
   border-top: #ccf solid 1px;
}

tr.Head th {
   text-align: left;
}

div.msg_header {
   width: 200px;
   font-style: italics;
}

div.msg_header span {
   width: 200px;
   font-style: italics;
   font-size: 10px;
   padding-right: 10px;
}

div#kompsos-veil {
   position: fixed;
   display: none;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: #000;
   z-index: 1000;
   opacity: 0.8;
   filter:alpha(opacity=80); /* IE's opacity*/ */
}

div#kompsos-overlay {
   position: fixed;
   margin-left: 60px;
   width: 800px;
   top: 40px;
   bottom: 40px;
   display: none;
   background-color: #222;
   overflow: scroll;
   padding: 20px 20px;
   z-index: 1001;
}

div#kompsos-overlay-toolbar {
   text-align: right;
   height: 0px;
   top: 0px;
}

textarea.messageContent {
   color: black;
   background-color: white;
   border: inset;
   width: 375px;
   height: 10em;
}

#ja-mainbody.wide {
   width: 100%;
}

#ja-mainbody.wide #ja-content-top {
   background: url("http://www.rugby.nl/templates/ja_sanidine/images/content-top2.gif") no-repeat scroll center top transparent;
}

#ja-mainbody.wide #ja-content-bot {
   background: url("http://www.rugby.nl/templates/ja_sanidine/images/content-bot2.gif") no-repeat scroll center bottom transparent;
}

#ja-mainbody.wide #ja-content {
   background: url("http://www.rugby.nl/templates/ja_sanidine/images/content-center2.gif") repeat-y scroll center center #222222;
   width: 78%;
}
#ja-mainbody.wide #ja-col1 {
   width: 21%;
}

#legenda {
   display: none;
}

.Odd {
   background-color: #222;
}

.Even {
   background-color: #333;
}

.Clickable {
   cursor: pointer;
}

.Highlight {
   color: yellow;
}

p.warning {
   background-color: red;
   color: white;
   border: thin outset;
   margin: 3px 50px 3px 50px;
   padding: 3px;
}

p.warning span {
   font-weight: 600;
}