body {background-color: gray; color: white; font-family: 'arial';}
h6 {font-size: 8pt; text-align: center;}

table   {font-size: 18pt; width:340px;margin:auto;border:1px solid #C7C7C7;}/* #8A8A8A almost dark grey */



th      { font-size: 11pt; background-color: gray; }
th.r    { font-size: 11pt; background-color: gray;  text-align: right; }
th.l    { font-size: 11pt; background-color: gray;  text-align: left;  }
th.g    { font-size: 11pt; background-color: #999999; }
th.o    { font-size: 11pt; background-color: orange; }
th.gnw  { font-size: 11pt; background-color: #999999;white-space: nowrap;}
td.language {white-space: nowrap;}
a       { text-decoration: none;}

input,button,select
                {
                border-radius: 5px;
                color: black;
                background: white;
                border:2px solid #000000;
                text-align: center;
                vertical-align: middle;
                font-size: 12pt;
                width:100%;
                }
input.delete    {background-color: red;}     /* #ff0000 red */
input.notaccept {background-color: red;}     /* #ff0000 red */
input.return    {background-color: orange;width:24%}     /* #FFA500 orange */
input.radio
                {
                color: gray;
                background: gray;
                height:25px;
                width:25px;
                vertical-align: middle;
                }
input.left      {text-align: left;}
input.readonly  {background-color: #8bff3d;} /* dark green */
input.language  {white-space: nowrap;}



/*input.radiosm   {color: gray;background: gray;} */
/*input.radio2    {width:auto;}*/
/*input.ok        {height:60px;width:110px;border-radius:60%;padding:0%;margin:0%;background:#00FF00;text-align:center;}*/
/*input.reset     {font-size: 8pt;}*/

td          {font-size: 11pt;}
/*td          {font-size: 12pt;background: #a6a6a6;} */
td a        {display:block;position:relative;color:#CFCFCF}
td a:hover  {background:gray;color:#fff}
td.cardb    {color: black}
td.cardr    {color: red;}
td.cardp    {color: pink;}

td.fill { width:5px ;}

td.freeB,td.usedB,td.freeR,td.usedR,td.X,td.XX {
    border-radius: 5px;
    background: #a6a6a6;
    border:2px solid #000000;
    text-align: center;
    vertical-align: center;
    font-size: 22pt;
    width:20%;
    height:50px;
    font-weight: bold;
}
td.freeB,td.usedB {color: black;    }
td.freeR,td.usedR {color: red;   }
td.X {background: red;color: white;   }
td.XX {background: blue;color: white;   }

span.g{ font-size: 11pt; background-color: #999999; }
span.kaartB{ color: black;font-size: 16pt;}
span.kaartR{ color: red  ;font-size: 16pt;}
span.doub  { color: red  ;}
span.redoub{ color: blue ;}

span.foot  {
    font-size:    7pt;
    text-align:   center;
    font-weight:  bold;
}
span.updown { font-weight: bold;font-size: 18pt;white-space: nowrap;vertical-align:middle }
span.ir  { font-style: italic;background:red;}
span.red { background:red;}
option.kaartB{width:20%; color: black;font-size: 22pt;}
option.kaartR{width:20%; color: red  ;font-size: 22pt;}
option.kaartBL{width:20%; color: blue  ;font-size: 22pt;}



td.used { background: black;}
td.g  { font-size: 11pt; background-color: #999999; }
td.gc { font-size: 11pt; background-color: #999999;text-align: center; }
td.gnw{ font-size: 11pt; text-align: center;white-space: nowrap;}
td.nw { white-space: nowrap;}

td.c { text-align: center;}
td.l { text-align: left;}
td.r { text-align: right;}


td.s { text-align: center;}
td.sc { font-size: 9pt;text-align: center;margin:1px}
td.mw  { text-align: center;font-size: 9pt;background-color:#c0c0c0;color:white; font-style: italic; font-weight: bold; white-space:nowrap;margin:auto;}/* bg light gray*/
td.mo  { text-align: center;font-size: 9pt;background-color:#ff9d3c;color:white; font-style: italic; font-weight: bold; white-space:nowrap;margin:auto;}/* bg light orange*/
td.mr  { text-align: center;font-size: 9pt;background-color:#ff0000;color:white; font-style: italic; font-weight: bold; white-space:nowrap;margin:auto;}/* bg light red*/