body  { font-family: Trebuchet MS, Arial,  Verdana, Geneva, helvetica, sans-serif; overflow: auto;}
.whit { background-color: #FFFFFF; color: #000000;}
//.bbid { background-color: #808080; color: #FFFFFF; cursor: pointer;}
.blak { background-color: #808080; color: #FFFFFF; }
//.bred { background-color: #FF0000; color: #FFFFFF; font-weight: bold; cursor: pointer;}
.cred { background-color: #FF0000; color: #FFFFFF; font-weight: bold;}
.gren { background-color: #00FF00; font-weight: bold; color: #000000;}
//.bgrn { background-color: #00FF00; font-weight: bold; color: #000000; cursor: pointer;}
.yelw { background-color: #FFFF00; font-weight: bold;}
.dgrn { background-color: #20A020; color: #FFFFFF;}
.blue { background-color: #0000FF; color: #FFFFFF; font-weight: bold;}
//.bblu { background-color: #0000FF; color: #FFFFFF; font-weight: bold; cursor: pointer;}
.bidr { background-color: #A0FFA0; font-weight: bold; border:1px solid;}
.play { background-color: #A0FFA0; font-weight: bold; border:1px solid;}
.trik { font-weight: bold; background-color: #A0FFA0; }
.trk2 { font-weight: bold; border: 4px solid #00A000;}
.trk3 { text-decoration : underline }
.notp { background-color: #FFFFFF; padding-left: 5px; padding-right: 5px;}
.dumm { background-color: #FFFFFF; padding-left: 5px; padding-right: 5px;}
.ncol { color: #C0C0C0 ; font-weight: bold; }
.bold { font-weight: bold; }
.done { background-color: #B0B0B0; color: #606060; text-align: center;}
.grey { background-color: #D0D0D0; font-weight: bold; color : #000000;}
.lgry { background-color: #E0E0E0;}
.vuln { background-color: #FF0000; color: #FFFFFF;}
.nvul { background-color: #00FF00;}
.hndN { background-color: #C0C0FF;}
.hndE { background-color: #A0FFA0;}
.hndS { background-color: #FFB0B0;}
.hndW { background-color: #FFFF80;}
.stdr { border: 2px solid #000000;}
.deal { border: 2px solid #FFFFFF;}       
.cabs { position : absolute; }
.cabs a { text-decoration:none; }
.spce { padding-left: 20px; padding-right:20px; vertical-align:top;}
.vcen { width: 15px; text-align:left;}
.vtop { }
.vcom { position: absolute;  left: 200px; top: 100px; border: 2px solid #000000; background-color: #FFFFA0; padding: 10px; display: none; z-index:100;}
.help { position: absolute;  left: 25%; top: 25%; width: 60%; border: 2px solid #000000; background-color: #FFFFA0; padding: 10px; display: none; z-index:100;}
.opac { 
    filter: brightness(70%);
    -moz-filter: brightness(70%);
    -webkit-filter: brightness(70%);
    -ms-filter: brightness(70%);
    -o-filter: brightness(70%);}
    
.inline{
  display: inline;
  width: 500px;
  }    
  
.right0 {
  right:0;
}  

@media print {
.inline{
  display: "";
  }    
  
}
.divS {
  position: absolute;
  top: 839px;
  left: 29px;
  width: 720px;
  height:230px;
  z-index: 60;
}

.divW {
  position: absolute;
  top: 427px;
  left: -199px;
  width: 720px;
  height:230px;
	transform:rotate(90deg);
  z-index: 30;
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari et Chrome */
-o-transform:rotate(90deg); /* Opera */
}
.divC {
  border: 3px solid #000000;
  position: absolute;
  top: 460px;
  left: 140px;
  width: 500px;
  height:160px;
	transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari et Chrome */
-o-transform:rotate(90deg); /* Opera */
}
.divN {
  position: absolute;
  top: 20px;
  left: 35px;
  width: 720px;
  height:230px;
	transform:rotate(180deg);
  z-index: 60;
-ms-transform:rotate(180deg); /* Internet Explorer */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari et Chrome */
-o-transform:rotate(180deg); /* Opera */
}
.divE {
  position: absolute;
  top: 432px;
  left: 263px;
  width: 720px;
  height:230px;
  z-index: 30;
	transform:rotate(270deg);
-ms-transform:rotate(270deg); /* Internet Explorer */
-moz-transform:rotate(270deg); /* Firefox */
-webkit-transform:rotate(270deg); /* Safari et Chrome */
-o-transform:rotate(270deg); /* Opera */
}

.hand { font-size: 16pt; white-space: nowrap; line-height:1.3em; text-align: left;  }

.diag_body {font-size:14px;}
.diag_tdl  {padding-left: 10px; vertical-align: top; margin:0; border-top: 2px solid;}
.diag_tdlc {padding-left: 10px; vertical-align: top; margin:0; border-top: 2px solid; font-size: 75%; width:100%;}
.diag_td  {vertical-align: top; margin:0; border-top: 2px solid;}
.diag_don{ text-align: center; vertical-align: top; padding: 5px; }
.diag_span {background-color: #E8E8E8; font-size: 85%;}
.diag_hand {font-weight: bold; line-height: 95%;}
.diag_sone {width:25px; background-color: #E8E8E8; text-align: center;}