div.card {
	position: absolute;
	width: 50px;
	top: 0px;
	left: 0px;
	display: none; 
}

#Banner {
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 90%;
	background-color: #448800;
}

#UserName {
	position: absolute;
	top: 5px;
	left: 50%;
	right: 5px;
	bottom: 5px;
	background-color: #666666;
}

#UserNameLabel {
	position: absolute;
	top: 5px;
	left: 5px;
}
	
#UserNameBox {
	position: absolute;
	top: 5px;
	left: 30%;
	right: 16%;
	width: 45%;
}
	
#SetUserName {
	position: absolute;
	top: 5px;
	left: 80%;
	width: 19%;
	right: 5px;
}
	

#GameBoard {
	position: absolute;
	top: 11%;
	left: 5px;
	right: 25%;
	padding-top: 39%;
	background-color: #444444;
}

div.Seat {
	position: absolute;
	width: 30%;
	height: 10%;
	background-color: #666688;
	display: none;
}

label.SeatLabel {
	position: absolute;
	top: 5px;
	left: 5%;
	width: 90%;
	height: 20%;
	text-align: center;
}
	
button.SeatButton {
	position: absolute;
	top: 52%;
	left: 5%;
	width: 90%;
	height: 40%;
}

#SeatN { top: 2%; left: 35%; }
#SeatS { top: 88%; left: 35%; }
#SeatE { top: 30%; left: 65%; }
#SeatW { top: 30%; left: 5%; }

#SortMenuBox {
	position: absolute;
	bottom: 35px;
	left: 5px;
	right: 5px;
	height: 50px;
	background-color: #aaaaaa;
}

#SortMenu {
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
}

#SortMenuLabel {
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
}

#BiddingPanel {
	position: absolute;
	top: 30%;
	bottom: 32%;
	left: 37%;
	right: 32%;
	background-color: #aaaaaa;
	display: none;
}
	
div.BidField {
	position: absolute;
	background-color: #9999bb;
	display : flex;
	align-items : center;
	justify-content : center;

}

#BidN {
	left: 28%;
	right: 28%;
	top: 5px;
	height: 22%;
	
}

#BidS {
	left: 28%;
	right: 28%;
	bottom: 5px;
	height: 22%;
}

#BidE {
	left: 75%;
	right: 5px;
	top: 25%;
	bottom: 25%;
}

#BidW {
	left: 5px;
	right: 75%;
	top: 25%;
	bottom: 25%;
}

#BidNActive {
	left: 0px;
	right: 0px;
	top: 50%;
	bottom: 0px;
	font-weight: bold;
}
#BidNPrev {
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 50%;
}

#BidSActive {
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 50%;
	font-weight: bold;
}
#BidSPrev {
	left: 0px;
	right: 0px;
	top: 50%;
	bottom: 0px;
}


#BidEActive {
	left: 0px;
	right: 0px;
	top: 50%;
	bottom: 0px;
	font-weight: bold;
}
#BidEPrev {
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 50%;
}


#BidWActive {
	left: 0px;
	right: 0px;
	top: 50%;
	bottom: 0px;
	font-weight: bold;
}
#BidWPrev {
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 50%;
}



button.BidButton {
	position: absolute;
	width: 11%;
	height: 8%;
}

#BidSuitHigh { top: 26%; left: 26.5%; width: 23%; }
#BidSuitLow { top: 26%; left: 50.5%; width: 23%; }
#BidSuitH { top: 34%; left: 26.5% }
#BidSuitS { top: 34%; left: 38.5% }
#BidSuitD { top: 34%; left: 50.5% }
#BidSuitC { top: 34%; left: 62.5% }
#BidNum1 { top: 42%; left: 26.5% }
#BidNum2 { top: 42%; left: 38.5% }
#BidNum3 { top: 42%; left: 50.5% }
#BidNum4 { top: 42%; left: 62.5% }
#BidNum5 { top: 50%; left: 26.5% }
#BidNum6 { top: 50%; left: 38.5% }
#BidNum7 { top: 50%; left: 50.5% }
#BidNum8 { top: 50%; left: 62.5% }
#BidNum9 { top: 58%; left: 26.5% }
#BidNum10 { top: 58%; left: 38.5% }
#BidNum11 { top: 58%; left: 50.5% }
#BidNum12 { top: 58%; left: 62.5% }
#BidNum13 { top: 66%; left: 26.5%; width: 15%; }
#BidNum14 { top: 66%; left: 42.5%; width: 15%; }
#BidNum15 { top: 66%; left: 58.5%; width: 15%; }

#SubmitBid {
	position: absolute;
	left: 75%;
	top: 77%;
	width: 23%;
	height: 20%
}

#SubmitPass {
	position: absolute;
	left: 2%;
	top: 77%;
	width: 23%;
	height: 20%
}

#ScorePanel {
	position: absolute;
	left: 72%;
	right: 5px;
	top: 5px;
	bottom: 73%;

	font-weight: bold;
	background-color: #886644;
}

#ScoreNSNames {
	position: absolute;
	display : flex;
	align-items : center;
	justify-content : center;
	left: 5px;
	right: 52%;
	top: 5px;
	bottom: 70%;
	font-weight: bold;
	background-color: #446644;
}


#ScoreEWNames {
	position: absolute;
	display : flex;
	align-items : center;
	justify-content : center;
	right: 5px;
	left: 52%;
	top: 5px;
	bottom: 70%;
	font-weight: bold;
	background-color: #446644;
}

#ScoreNSScore {
	position: absolute;
	display : flex;
	align-items : center;
	justify-content : center;
	left: 5px;
	right: 52%;
	top: 75%;
	bottom: 5px;
	font-weight: bold;
	background-color: #446644;
}

#ScoreHistory {
	position: absolute;
	display : flex;
	align-items : center;
	justify-content : center;
	left: 5px;
	right: 5px;
	top: 32%;
	bottom: 27%;
	font-weight: bold;
	background-color: #446644;
}




#ScoreEWScore {
	position: absolute;
	display : flex;
	align-items : center;
	justify-content : center;
	right: 5px;
	left: 52%;
	top: 75%;
	bottom: 5px;
	font-weight: bold;
	background-color: #446644;
}


#StatusPanel {
	position: absolute;
	left: 5px;
	right: 80%;
	top: 65%;
	bottom: 5px;
	font-weight: bold;
	background-color: #886644;
}

#CurrentBid {
	position: absolute;
	display : flex;
	align-items : center;
	justify-content : left;
	left: 5px;
	right: 5px;
	top: 2%;
	bottom: 75%;
	font-weight: bold;
	background-color: #446644;
}


#CurrentDealer {
	position: absolute;
	display : flex;
	align-items : center;
	justify-content : left;
	left: 5px;
	right: 5px;
	top: 27%;
	bottom: 50%;
	font-weight: bold;
	background-color: #446644;
}


#UndoButton {
	position: absolute;
	left: 5px;
	right: 5px;
	height: 25px;
	bottom: 5px;
}


#WinPanel {
	position: absolute;
	display : none;
	top: 30%;
	bottom: 32%;
	left: 37%;
	right: 32%;
	background-color: #4444cc;
}


#WinTextPanel {
	position: absolute;
	display : flex;
	align-items : center;
	justify-content : center;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 25px;
	font-weight: bold;
}

#RestartGame {
	position: absolute;
	left: 5px;
	right: 5px;
	height: 25px;
	bottom: 5px;
}