html,
body {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #CCCCCC;
}

.gameContainer{
	/* height: 200px; */
	background: #CCCCCC;
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
	/* margin-left: auto;
	margin-right: auto; */
}

.runBG{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='380px' width='380px'><text x='15' y='-15' fill='rgb(135,135,135)' style='transform:rotate(90deg)' font-size='40' font-family='sans-serif' font-style='bold'>Run Slots</text></svg>");
	background-repeat: no-repeat;
}

.run{
	
	/* background-color: #CCCCCC; */
	padding-top: 5px;
	padding-bottom: 5px;

	width: 1265px;
	margin-left: auto;
	margin-right: auto;

	min-height: 200px;
}

.handBG{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='380px' width='380px'><text x='15' y='-15' fill='rgb(185,185,185)' style='transform:rotate(90deg)' font-size='40' font-family='sans-serif' font-style='bold'>Hand</text></svg>");
	background-repeat: no-repeat;
	background-color: #757575;
}

.hand{
	/* background-color: #757575; */
	border-top-style: ridge;
	border-top-color: #474747;
	border-bottom-style: ridge;
	border-bottom-color: #ebebeb;
		
	min-height: 120px;

	
}

.handcenter{
	width: 790px;
	margin-left: auto;
	margin-right: auto;
}

.boardBG{
	background-color: #AAAAAA;
	min-height: 60px;
}

.board{
	background-color: #AAAAAA;

	
	width: 980px;
	margin-left: auto;
	margin-right: auto;

	min-height: 60px;
}

.boardTitle{
	font-style: bold;
	font-family: sans-serif;

	width: 200px;
	margin-left: auto;
	margin-right: auto;
	
	padding-top: 5px;
	padding-bottom: 0px;
}

.boardTitleBar{
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.dashboard{
	background: #474747;
	padding: 20px;
	color:#EEEEEE;
}

.msgbar{
	padding: 20px;
	background: #AAAAAA;
	font-family: sans-serif;
	font-style: bold;
	text-align: center;
	/* margin-bottom: 20px; */
}

.title{
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.slotContainer{
	position: relative;
	width: 146px;
	margin-left: auto;
	margin-right: auto;
}

.slotBG{
	position: relative;
	width: 146px ;
	height: 278px;
	z-index: 5;
}

.slottedCard{
	position: absolute;
	left: 0px;
	top: 39px;/*225px;*/

	width:146px;
	height:200px;

	z-index: 10;
}


.slotContainerBoard{
	position: relative;
	width: 109px;
	margin-left: auto;
	margin-right: auto;
}

.slotBGBoard{
	position: relative;
	width: 109px ;
	height: 209px;
	z-index: 5;
}

.slottedCardBoard{
	position: absolute;
	left: 0px;
	top: 29px;/*225px;*/

	width:109px;
	height:150px;

	z-index: 10;
}


.selectedSlot{
	/* border-style:solid ;
	border-width: 1px;
	border-color: #474747; */
	background-color: #474747;
	/* stroke: #474747;
	stroke-width: 5px; */
	outline-color: #474747;
	outline-width: 16px;
	outline-style: solid;
}

.handCard{
	width:146px;
	height:200px;
}


button {
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
	outline: none;
}

.totalScore{
	font-style: bold;
	font-family: sans-serif;
	font-size: larger;
	/* float:right; */
	/* padding-left: 20px; */
	padding-top: 20px;
	padding-bottom: 20px;
	color: black;

	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.score{
	display: block;
	font-style: bold;
	font-family: sans-serif;
	font-size: large;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 5px;
}

/* .bh3{
	 font-size: larger; 
}  */

.turnInd{
	display: inline;
	color: #CCCCCC;
	font-family: sans-serif;
	margin-right: 20px;
}

.cardTiny{
	width: 40px;
	height: 54px;
}

div.legend div.legendText{
	margin-left: 20px;
}

.legendText{
	font-family: sans-serif;
}

.legend{
	position: relative;
	margin-right: 20px;
	top: -5px;
}

.options{
	padding: 10px;
	background-color: #AAAAAA;
}

#lblDevOptions{
	font-family:  sans-serif;
}

label.optionCtrls, .optionSet{
	margin-left: 10px;
}