table {
	border-collapse: collapse;
	width: 100%;
}
.DebugTable {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
td {
	border: 1px solid silver;
	padding: 5px;
	margin: 0;
}
div {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 3px;
}
.R {
 color: red;
}
.B {
	font-weight:bold;
}
.I {
 font-style:italic;
}
body {
	font-family: tahoma,verdana,sans-serif;
	font-size: 80%;
	padding: 5px;
	margin: 0px;
}
img {
  border: 0 none;
}
.REDBORDER {
	border-color: red;
}
.REDBORDER2 {
	border: 2px solid red;
	box-sizing: border-box;
}
.REDBORDER3 {
	border: 2px solid red;
}
.GREENBORDER {
	border-color: green;
}
.GREENBORDER2 {
	border: 2px solid green;
	box-sizing: border-box;
}
.SILVERBORDER {
	border-color: silver;
}
.BLACKBORDER {
	border-color: black;
}
.OP {
    opacity: 0.2;
}
.CONT {
    border: 0;
    padding-top: 0;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 0;
}
.PAD5 {
	padding: 5px;
	margin: 0;
}
.PAD10 {
	padding: 10px;
}
.PAD20 {
	padding: 20px;
}
.MVUP {
    position: relative;
    top: -15px;
}
.MVDOWN {
    position: relative;
    top: 15px;
}
.MVLEFT {
    position: relative;
    left: -15px;
}
.MVRIGHT {
    position: relative;
    left: 15px;
}
.W33 {
  width: 33%;
}
.W34 {
  width: 34%;
}
.W40P {
  width: 40px;
}
.H60P {
  height: 60px;
}
.H5P {
  height: 5px;
}
.COL {
  background-color: #EDEFF4;
  font-weight:bold;
}
.Z1 {
  z-index: 1;
}
.Z2 {
  z-index: 2;
}
.Z3 {
  z-index: 3;
}
.Z4 {
  z-index: 4;
}
.EmptyCardSizeSpace {
	display: inline-block;
	width: 38px;
	height: 56px;
	padding: 0;
	margin: 0;
}
.SIZESMALLER {
	width: 32px;
	height: 47px;
}
.SIZETINY {
	width: 19px;
	height: 28px;
}
.TopHeader {
	font-size: 140%;
	font-weight:bold;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
}
.SubHeader {
	font-size: 120%;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 15px;
}
.DivHeader {
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 15px;
}
.SubText {
	font-size: 80%;
}
.grid-trick {
	grid-template-columns: 38px 38px 38px;
	display: grid;
	grid-auto-rows: 56px;
	border: 2px solid silver;
	box-sizing: border-box;	
	padding: 0;
	margin: 0;
}
.trick-card {
	padding: 0;
	margin: 0;
}
.trick-label {
	padding-top: 3px;
	margin: 0;
	font-size: 140%;
	color: silver;
}
.trick-points {
	padding-top:28px;
	padding-bottom: 0;
	padding-right: 5px;
	padding-left: 0;
	text-align:right;
}
.grid-history-mobile {
	grid-template-columns: 115px 115px 115px;
	display: grid;
	grid-column-gap: 10px;
	grid-row-gap: 20px;
	grid-auto-rows: 168px;
}
.grid-history-computer {
	grid-template-columns: 116px 116px 116px 116px 116px 115px;
	display: grid;
	grid-column-gap: 21px;
	grid-row-gap: 20px;
	grid-auto-rows: 168px;
}
.grid-container-7-max {
	display: grid;
	grid-template-columns: max-content max-content max-content max-content max-content max-content max-content;
	grid-auto-rows: 56px;
}
.grid-container-suit-icons {
	display: grid;
	grid-template-columns: max-content max-content max-content max-content;
	grid-auto-rows: 56px;
}
.grid-container-13-max {
	display: grid;
	grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content;
	grid-auto-rows: 56px;
}
.grid-container-14-max {
	display: grid;
	grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content;
	grid-auto-rows: 56px;
}
.grid-container-3-max {
	display: grid;
	grid-template-columns: max-content max-content max-content;
}
.grid-container-3-max-gap {
	display: grid;
	grid-template-columns: max-content max-content max-content;
	grid-column-gap: 20px;
}
.grid-container-team-14 {
	display: grid;
	grid-template-columns: 17px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px 12px;
	width: 100%;
}
.grid-container-scoreboard-row1and3-mobile {
	display: grid;
	grid-template-columns: 96px 173px 96px;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
.grid-container-scoreboard-row2-mobile {
	display: grid;
	grid-template-columns: 173px 19px 173px;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
.grid-container-scoreboard-row1and3-computer {
	display: grid;
	grid-template-columns: 308px 174px 308px;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
.grid-container-scoreboard-row2-computer {
	display: grid;
	grid-template-columns: 173px 444px 173px;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
.grid-container-scoreboard-bigmiddlecell {
	display: grid;
	grid-template-columns: 162px 120px 162px;
	grid-auto-rows: 168px;
	padding: 0;
	margin: 0;
}
.grid-config {
	display: grid;
	grid-template-columns: 115px 115px 115px;
	grid-column-gap: 10px;
}
.grid-container-2-max {
	display: grid;
	grid-template-columns: 119px 119px 119px;
	grid-column-gap: 19px;
}
.grid-container-4-max-gap {
	display: grid;
	grid-template-columns: 75px max-content max-content 75px;
	grid-gap: 5px;
}
.grid-button2 {
	grid-template-columns: auto auto;
	display: grid;
	grid-column-gap: 10px;
	width: 100%;
}
.grid-button3 {
	grid-template-columns: auto auto auto;
	display: grid;
	grid-column-gap: 10px;
	width: 100%;
}
.grid-button4 {
	grid-template-columns: 24% 23% 23% 24%;
	display: grid;
	grid-column-gap: 2%;
	width: 100%;
}
.grid-button5 {
	grid-template-columns: auto auto auto auto auto;
	display: grid;
	grid-column-gap: 10px;
	width: 100%;
}
.grid-container-dir {
	display: grid;
	grid-template-columns: 33% 34% 33%;
	width: 100%;
}
.ImageOptionSelected {
	border: 3px solid #333333;
	box-sizing: border-box;
	border-radius: 12px;	
	cursor: default;
	padding: 0;
	margin: 0;
}
.ImageOptionNotSelected {
	box-sizing: border-box;
	border: 3px solid white;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.zeropm {
	padding: 0;
	margin: 0;
}
.nopm {
	padding: 0;
	margin: 0;
}
.cardfull {
	padding: 0;
	margin: 0;
	width: 38px;
	position: relative;
}
.cardif14 {
	padding: 0;
	margin: 0;
	width: 25px;
	overflow: hidden;
	position: relative;
}
.cardif13 {
	padding: 0;
	margin: 0;
	width: 27px;
	overflow: hidden;
	position: relative;
}
.cardif12 {
	padding: 0;
	margin: 0;
	width: 29px;
	overflow: hidden;
	position: relative;
}
.cardif11 {
	padding: 0;
	margin: 0;
	width: 32px;
	overflow: hidden;
	position: relative;
}
.cardif10 {
	padding: 0;
	margin: 0;
	width: 36px;
	overflow: hidden;
	position: relative;
}
.h22 {
	padding: 0;;
	margin: 0;
	height: 22px;
}
.TEXTSILVER {
	color: silver;
}
.TEXTRED {
	color: red;
}
.TEXTWHITE {
	color: white;
}
.BGBLACK {
	background-color: black;
}
.BGSILVER {
	background-color: silver;
}
.BGGREEN {
	background-color: green;
}
.BGRED {
	background-color: red;
}
.BGYELLOW {
	background-color: yellow;
}
.thinblackborder {
	border-color: black;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
}
.BGClubs {
	background-image: url("clubs-bg.png");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.BGDiamonds {
	background-image: url("diamonds-bg.png");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.BGSpades {
	background-image: url("spades-bg.png");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.BGHearts {
	background-image: url("hearts-bg.png");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.MainBody {
	padding: 0;
	margin: 0;
}
.MainBodyReplay {
	padding: 5px;
	margin: 0;
	background-image: url("replay.png");
	background-repeat: repeat;
	background-color: white;
}
.spacerheight5px {
	padding: 0;
	margin: 0;
	height: 5px;
}
.PlayedCard0 {
	padding: 0;
	margin: 0;
	height: 56px;
	width: 38px;
	position: absolute;
	top: 224px;
	left: 76px;
	z-index: 5;
}
.PlayedCard1 {
	padding: 0;
	margin: 0;
	height: 56px;
	width: 38px;
	position: absolute;
	top: 100px;
	left: 168px;
	z-index: 5;
}
.PlayedCard2 {
	padding: 0;
	margin: 0;
	height: 56px;
	width: 38px;
	position: absolute;
	top: 224px;
	left: 260px;
	z-index: 5;
}
.PlayedCard3 {
	padding: 0;
	margin: 0;
	height: 56px;
	width: 38px;
	position: absolute;
	top: 348px;
	left: 168px;
	z-index: 5;
}
.FixedNoScrolling {
	overflow: hidden;
	position: fixed;
	top: 0;
	bottom: 0;
}
.FooterComputer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 800px;
	text-align: center;
	font-size: 100%;
	color: silver;
}
.FooterMobile {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 365px;
	text-align: center;
	font-size: 100%;
	color: silver;
}
.border1 {
	box-sizing: border-box;
	border: 1px solid #333333;
	border-radius: 12px;	
}
.testsize {
	width: 365px;
	height: 485px;
}
.OwnedByIndicator {
	position: absolute;
	left: 2px;
	top: 20px;
	font-size: 120%;
}
.ParentDivComputer {
	width: 800px;
	margin: 0;
	padding: 0;
}
.ParentDivMobile {
	width: 365px;
	margin: 0;
	padding: 0;
}
.YourMenu1 {
	margin: 0;
	padding: 0;
	background-color: #333;
	width: 100%;
	height: 50px;
	grid-template-columns: auto auto auto auto auto auto 250px;
	display: grid;
	grid-column-gap: 2px;
}
.YourMenu2 {
	margin: 0;
	padding: 0;
	background-color: #333;
	width: 100%;
	height: 50px;
	grid-template-columns: 50px 95px auto;
	display: grid;
	grid-column-gap: 2px;
}
.YourMenu3 {
	margin: 0;
	padding: 0;
	background-color: #333;
	width: 100%;
	z-index: 30;
	grid-template-columns: 50px 95px auto;
	display: grid;
	grid-column-gap: 2px;
}
.YourMenuDivLink {
	color: #f2f2f2;
	text-align: left;
	padding: 14px 16px;
	font-size: 17px;
	cursor: pointer;
	white-space: nowrap;
}
.YourMenuDivLink:hover {
	background-color: #555;
}
.StatusIcons {
	display: inline-block;
	padding-top: 5px;
	float: right;
}
.imgicons {
	float: right;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}
.pointer {
	cursor: pointer;
}
.CardPlayedNext {
	background-color: orange;
	color: white;
	border-color: silver;
	text-align: center;
	border-radius: 20%;
	padding-top: 2px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
}
.CardForSureOwned {
	background-color: black;
	color: white;
	border-color: silver;
	text-align: center;
	border-radius: 20%;
	padding-top: 2px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
}
.CardOwnerMightHave {
	background-color: white;
	color: black;
	border-color: silver;
	text-align: center;
	border-radius: 20%;
	padding-top: 2px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
}
.CardBlank {
	background-color: white;
	color: white;
	border-color: silver;
	text-align: center;
	border-radius: 20%;
	padding-top: 2px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
}
.link{
	border-radius: 12px;	
	box-sizing: border-box;
	border: 2px solid #333333;
	background-color: #E7E7E7;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	font-size: 120%;
	text-decoration: none;
	width: 100%;
}
.link:hover{
	border: 2px solid red;
}
.NotAvailable{
	opacity: 0.2;
	cursor: default;
}
.NotAvailable:hover{
	border: 2px solid #333333;
}
.MsgBoxComputer {
	position: fixed;
	top: 220px;
	left: 200px;
	width: 400px;

	border: 3px solid #333;
	z-index: 100;
	padding: 0;
	margin: 0;
}
.MsgBoxMobile {
	position: fixed;
	top: 220px;
	left: 82px;
	width: 200px;

	border: 3px solid #333;
	z-index: 100;
	padding: 0;
	margin: 0;
}
.MsgBoxHeader {
	font-weight: bold;
	background-color: #333;
	color: white;
	margin: 0;
	padding: 10px;
}
.MsgBoxText {
	background-color: white;
	color: black;
	margin: 0;
	padding: 10px;
}
.MsgBoxCloseButton {
	display: inline-block;
	float: right;
	cursor:pointer;
	position: relative;
	left: 10px;
	bottom: 5px;
}
.tac {
	text-align: center;
}