+footer .left {
+ float: left;
+ margin-top: 1em;
+ line-height: 90%;
+ font-size: smaller;
+ margin-left: 1em;
+}
+.WIP {
+ background-color: #efaaaa;
+ text-size: larger;
+ text-align: center;
+ margin: 30px 10% ;
+ border-radius: 5px;
+ border: 2px solid red;
+ padding: 10px;
+}
+/* sessions */
+.session {
+ border-bottom: 1px solid #000;
+ padding: 0.5em;
+ text-align: center;
+}
+.session div.sessionrules {
+ width: 19em;
+ float: left;
+ text-align: left;
+}
+.session div.sessionrules div {
+ display: none;
+ background-color: #fff;
+ border: 1px solid #000;
+ position: absolute;
+ z-index: 30;
+ padding: 0.5em;
+}
+.session div.sessionrules:hover div {
+ display: block;
+}
+.session div.sessionscore {
+ width: 19em;
+ float: right;
+ text-align: right;
+}
+.session div.sessionscore div {
+ position: absolute;
+ right: 1em;
+ display: none;
+ background-color: #fff;
+ border: 1px solid #000;
+ z-index: 30;
+}
+.session div.sessionscore:hover div {
+ display: block;
+}
+.session img.rulesicon {
+ height: 1em;
+}
+.session .scoretable {
+ height: 20em;
+ width: 16em;
+ overflow: auto;
+}
+.session table.score {
+ margin: 0.5em;
+ width: 10em;
+ border-collapse: collapse;
+}
+/* all kind of message that should appear in the middle of the page/table */
+.message {
+ position: absolute;
+ background-color: #fff;
+ width: 20%;
+ top: 19em;
+ left: 40%;
+ right: 40%;
+ text-align: center;
+ z-index: 33;
+}
+.message > div {
+ border: 2px solid black;
+}
+.message div div {
+ width: 100%;
+ text-align: right;
+ font-size: smaller;
+}
+.joingame,
+.sickness,
+.poverty,
+.total {
+ position: absolute;
+ background-color: #fff;
+ border-radius: 5px;
+ width: 20%;
+ top: 30%;
+ left: 40%;
+ margin: auto;
+ text-align: center;
+ z-index: 42;
+}
+.total {
+ width: 14%;
+ left: 43%;
+}
+/* scoring */
+.total .re {
+ position: absolute;
+ left: -12em;
+ top: 8em;
+ background-color: #eee;
+ padding: 0.3em;
+ z-index: 15;
+}
+.total .contra {
+ position: absolute;
+ right: -14em;
+ top: 8em;
+ background-color: #eee;
+ padding: 0.3em;
+ z-index: 15;
+}
+/* playing cards*/
+.card {
+ position: absolute;
+ z-index: 20;
+ top: 18em;
+ left: 28em;
+ text-align: center;
+ background-color: #fff;
+ border: 2px solid gray;