.chatArea
{
	opacity:0.97;
	background-image: linear-gradient(#ffd700, white);
	border: 1px solid #f0f0f0;
	border-radius:5px;
}

/* board number classes start */
.boardDiv
{
	position:absolute;
	top:0%;
	left:0%;
	font-family:Helvetica,Arial,Verdana;
	font-size:26px;
	color:#ffffff;
	text-align:center;
	/* background-color: #00ffff; */
}

.oppDealer
{
	font-size:26px;
	height:2em;
	line-height:2em;
	padding-top:5px;
}

.myCurrentBoard
{
	font-family:Helvetica,Arial,Verdana;
	font-size:26px;
	width:2em;
	height:2em;
	line-height:2em;
	background-color:#f0f0f0;
	border-radius:5px;
	color: #000000;
	text-align:center;
	font-weight:bold;
}

.vulNone
{
	border-top: 5px solid #00a000;
	border-bottom: 5px solid #00a000;
	border-left: 5px solid #00a000;
	border-right: 5px solid #00a000;
}

.vulAll
{
	border-top: 5px solid #ff0000;
	border-bottom: 5px solid #ff0000;
	border-left: 5px solid #ff0000;
	border-right: 5px solid #ff0000;
}

.vulUs
{
	border-top: 5px solid #ff0000;
	border-bottom: 5px solid #ff0000;
	border-left: 5px solid #00a000;
	border-right: 5px solid #00a000;
}

.vulOpps
{
	border-top: 5px solid #00a000;
	border-bottom: 5px solid #00a000;
	border-left: 5px solid #ff0000;
	border-right: 5px solid #ff0000;
}

/* board number classes end */

/* bidding box and info start */

.biddingInfo
{
	width:25%;
	text-align:center;
}

/* bidding box and info end */

/* disabled button start */

.buttonDisabled {
   
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
	border-radius: 5px;
}

/* disabled button end */

/* small chat button start */
.buttonChat {
    background-color: #734599;
    border: none;
    color: white;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /* font-size: 12px; */
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.buttonChat1 {
    background-color: #f0f0f0;
	color: black;
    border: 1px solid #cccccc;
	border-radius: 5px;
}

.buttonChat1:hover {
   background-color: #734599;
   color: white;
   /* box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19); */
}
/* small chat button end */

/* link in a chat box start */
.chatLink
{
	text-decoration: none;
	color: #a000a0;
}

/* player image classes start */
.playerOnline
{
	width:60px;
	border-radius:50%;
	border: 2px solid #00ff00;
}

.playerOffline
{
	width:60px;
	border-radius:50%;
	border: 2px solid #ff0000;
}
/* player image classes end */