@charset "utf-8";
/* CSS Document */
<style type='text/css'>
.style1 {color: #620000} /**/
.style2 {color: #FFFFFF} /**/
.style3 {color: #000000} /**/
.style4 {color: #BC0000} /**/
.style5 {color: #FF0000} /**/
.style6 {color: #0000FF} /**/
a {
    color: yellow;
}
body {
	background:url(pokerimages/floringdark.png);
}
a:link {
	text-decoration: auto;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: overline;
}
#alert1 {
	padding-left:10px; 
	color:#e5e600; 
	font-weight:bold;	
}
#blanketdiv { /* div the covers undr select games */
	position:fixed; 
	display:none; 
	z-index:05; 
	left:0%; 
	top:0%; 
	background-color:black; 
	width:100%; 
	height:100%;	
	opacity:0.8; 
}
#blindsdiv {
	position:fixed;
	clear:center;
	float:center;
	display:block;
	top:0;
	text-align:center;
	display:none;
	z-index:9;
	width:100%;
}
#cardeval {
	position:absolute;
	display:inherit;
	z-index:01;
	left:0%;
	top:0%;
	width:100%;
	height:100%;
}
#covercardsdiv { /* covers your cards until you click on the showcard or fold */
	position:fixed; 
	left:45.1%; 
	top:68%; 
	z-index:10; 
	height:61px; 
	width:128.5px;
	color:white;
	font-size:22px;
	font-weight:bold;
	background-color:#000000; 
	opacity:0.5; 
	display:none;
	text-align:center;
}
#communitycard1 { /* community card 1 */
	position:fixed;
	top:45%;
	left:43.8%;
	z-index:9;
	display:none;
	height:58px;
	width:39px;
	padding:0px;
}
#communitycard2 { /* community card 2 */
	position:fixed;
	top:45%;
	left:47%;
	z-index:9;
	display:none;
	height:58px;
	width:39px;
	padding:0px;
}
#communitycard3 { /* community card 3 */
	position:fixed;
	top:45%;
	left:51%;
	z-index:9;
	display:none;
	height:58px;
	width:39px;
	padding:0px;
}
#communitycard4 { /* community card 4 */
	position:fixed;
	top:45%;
	left:54.5%;
	z-index:9;
	display:none;
	height:58px;
	width:39px;
	padding:0px;
}
#CoverGameDiv {
	position:fixed; 
	display:none; 
	z-index:10; 
	left:50%; 
	top:50%; 
	background-color:#000000; 
	width:0%; 
	height:0%;
}
#createaccountdiv { /* create account div opacity:0.9; */
	position:absolute;
	display:block;
	border:5px;
	border-radius:5px;
	padding:10px;	
	margin-left:auto;
	margin-right:auto;
	background-color:#006600;
	width:50%;
	height:auto;
	z-index:01;
	top:15%;
	left:25%;
	text-align:center;
}
#dealbutton {
	display:none; 
	padding-left:10px;	
}
#dynDiv_moveDiv {
	cursor: move;
	position: absolute;
	overflow: hidden;
}
#dynDiv_resizeDiv_tl,.dynDiv_resizeDiv_tr,.dynDiv_resizeDiv_bl,.dynDiv_resizeDiv_br {
	width: 10px;
	height: 10px;
	background: #faa;
	border: 1px solid #000;
	position: absolute;
}
#dynDiv_resizeDiv_tl {
	top: -1px;
	left: -1px;
}
#dynDiv_resizeDiv_tr {
	top: -1px;
	right: -1px;
}
#dynDiv_resizeDiv_bl {
	bottom: -1px;
	left: -1px;
}
#dynDiv_resizeDiv_br {
	 bottom: -1px;
	 right: -1px;
	}
#dynDiv_moveParentDiv {
	width: 100%;
	margin: auto;
	height: 16px;
	font-size: 15px;
	position: absolute;
	top: -1px;
	left: -1px;
	background: #faa;
	border: 1px solid #aaa;
	border-left: 0;
	border-right: 0;
	padding: 0;
	overflow: hidden;
	white-space:nowrap;
}
#dynDiv_minmaxDiv {
	position: absolute;
	top: 1px;
	right: 15px;
	width: 15px;
	height: 15px;
	background: #faa;
	font-size: 15px;
	padding: 0;
	margin: 0;
}
#fbut {
	display:none; 
	padding-left:10px;	
}
#forgottenpassworddiv { /* forgot your password div */
	position:fixed;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-color:#006600;
	width:50%;
	height:auto;
	z-index:02;
	top:10%;
	left:25%;
	padding-top:5%;
	padding-bottom:5%;
	text-align:center;
	border:5px;
	border-radius:5px;
	opacity:0.9;
}
#footertop { /* red line brake at the top of the footer */
	position:fixed;
	left:0px;
	z-index:06;
	bottom:30px;
	height:5px;
	background-color:#cc0000;
	width:100%;
}
#footer { /* footer div */
	position:fixed;
	left:0px;
	z-index:05;
	bottom:0px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-size:70%;
	color:#d9d9d9;
	background-color:#000000;
	width:100%;
}
#GameDiv {
	position:fixed; 
	display:none; 
	z-index:09; 
	left:0px; 
	top:0%; 
	background-color:#000000; 
	width:100%; 
	height:100%;
}
#gametable {
	position:fixed;
	display:block;
	top:0%;
	bottom:3%;
	height:97%;
	margin-left:7%;
	margin-right:7%;
	width:86%;
}
#gameinfodiv {
	position:fixed;
	top:0px;
	left:0px;
	width:auto;
	z-index:9;
}
#gamerundiv {
	position:fixed;
	display:block;
	top:30%;
	bottom:0%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
}
#gamesplayingdiv {
	position:fixed; 
	display:none; 
	border:5px; 
	border-radius:5px; 
	padding:10px; 
	opacity:0.9; 
	margin-left:auto; 
	margin-right:auto; 
	background-color:#006600; 
	width:80%; 
	height:auto; 
	z-index:100; 
	top:15%; 
	text-align:center;
	left:10%;
}
#header {
	position:fixed; 
	z-index:07; 
	left:0px; 
	top:0%; 
	font-weight:bold; 
	padding-top:30px; 
	padding-bottom:10px; 
	padding-left:1%; 
	font-size:200%; 
	color:#cc0000; 
	background-color:#000000; 
	width:99%;	
}
#headerbottom {
	position:fixed; 
	top:75px; 
	z-index:08; 
	height:5px; 
	left:0px; 
	background-color:#cc0000; 
	width:100%;	
}
#headerimage3 {
	position:fixed; 
	z-index:07; 
	top:5px; 
	left:85%;	
}
#headerimage2 {
	position:fixed; 
	z-index:07; 
	top:0px; 
	left:92%;	
}
#huf {
	display:block; 
	margin-left:auto; 
	margin-right:auto;	
}
#imageuploaddiv { /* image upload div opacity:0.9;*/
	top:0%;
	position:absolute;
	left:30%;
	display:none; 
	border:5px; 
	border-radius:5px; 
	padding:10px; 	 
	margin-left:auto; 
	margin-right:auto; 
	background-color:#006600; 
	width:40%; 
	height:auto; 
	z-index:100; 
	text-align:center;
}
#imbackcover { /* im back div in game */
	position:fixed; 
	background-color:#000000; 
	left:0%; 
	top:0%; 
	height:100%; 
	width:100%; 
	z-index:6; 
	opacity:0.6; 
	display:none;
}
#logindiv { /* user info div */
	position:fixed; 
	left:1%;
	width:auto; 
	background-color:#000000; 
	display:block; 
	top:0px; 
	color:#e5e600; 
	z-index:07	
}
#main { /*front page div containing shuffle and notes */ 
	position:relative;	
	display:block; 
	z-index:01; 
	top:0%; 
	color:#d6d6c2; 
	width:80%;
	left:10%;
}
#mainlogindiv { /* login div opacity:0.9;*/
	position:fixed;
	display:block;
	border:5px;
	border-radius:5px;	
	margin-left:auto;
	margin-right:auto;
	background-color:#006600;
	width:40%;
	height:auto;
	z-index:03;
	top:15%;
	left:30%;
	text-align:center;
	padding-top:5%;
	padding-bottom:5%;
}
#messagebutton { /* button to submit message in the game */
	clear:right; 
	float:right; 
	width:24.3%;
 }
#messagediv { /* holds the intire message board */
	position:fixed;
	top:0%;
	width:100%;
	z-index:10;
	font-size:70%;
}
#messages { /* text area containing all the messages */
	clear:right; 
	float:right; 
	background-color:rgba(131, 220, 72, 0.80); 
	width:24.5%; 
	padding:2px; 
	color:#F2F2F2; 
	resize:horizontal; 
	resize:vertical;
}
#moneydiv {
	text-align:center;
	font-size:150%;
}
#omna { /* raise button */
	position:absolute;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	bottom:0px;
	z-index:5;
	display:none;
}
#resetpassworddiv { /* reset password div */
	position:fixed;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-color:#006600;
	width:50%;
	height:auto;
	z-index:02;
	top:0%;
	left:25%;
	padding-top:5%;
	padding-bottom:5%;
	text-align:center;
	border:5px;
	border-radius:5px;
	opacity:0.9;
}
#rules { /* rules div */
	position:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	left:0%;
	color:#d6d6c2;
	text-align:left;
	top:80%;
	width:80%;
}
#selectgamesdiv { /* rejoin games */ 
	position:fixed; 
	display:none; 
	border:5px; 
	border-radius:5px; 
	padding-top:10px; 
	padding-bottom:10px; 
	opacity:0.9; 
	margin-left:auto; 
	margin-right:auto; 
	background-color:#006600; 
	width:80%; 
	height:auto; 
	z-index:100; 
	left:10%;
	top:15%; 
	text-align:center;
}
#selectblanket {
	position:fixed; 
	background-color:#000000; 
	left:0%; 
	top:0%; 
	height:100%; 
	width:100%; 
	z-index:99; 
	opacity:0.5; 
	display:none;
}
#selectgamediv { /*Game Selection Window*/
	position:fixed; 
	z-index:100; 
	top:15%; 
	left:20%; 
	height:auto; 
	width:60%; 
	background-color:green; 
	color:#000000; 
	display:none; 
	text-align:center;
	border:5px;
	border-radius:5px;
	font-size:normal;
	padding-top:10px; 
	padding-bottom:10px; 
	opacity:0.9; 
}
#shufbut {
	display:none; 
	padding-left:10px;	
}
#shufflediv {
	position:relative; 
	display:block; 
	margin-left:auto; 
	margin-right:auto;	
}
#tablechairsampleimg { /* main page cards that get dealt */
	position:absolute; 
	display:block; 
	width:100%; 
	left:0%;
	height:auto; 
	z-index:01; 
	top:10%;	
}
#table { /* image of table on front page */
	position:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:15%;
}
#termsandprivacydiv {
	position:fixed;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-color:#006600;
	width:90%;
	height:auto;
	z-index:02;
	top:10%;
	left:5%;
	padding-top:5%;
	padding-bottom:5%;
	text-align:center;
	border:5px;
	border-radius:5px;
	opacity:0.9;
}
#timealertdiv {
	position:fixed;
	bottom:40%;
	width:100%;
	z-index:3;
	text-align:center;
}
#typedmessage { /* messages in the game div */
	clear:right;
	float:right;
	background-color:rgba(0, 0, 0, 0.80);
	width:24.5%;
	height:auto;
	color:#F2F2F2;
}
#undconstrdiv { /* if ip isn't allowed show this and nothing else */
	position:fixed;
	display:none; 
	border:5px; 
	border-radius:5px; 
	opacity:0.9; 
	background-color:black; 
	width:40%;
	height:auto; 
	z-index:9; 
	left:30%;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	top:6px;
}
#usersplay {
	position:fixed;
	bottom:0px;
	width:100%;
	z-index:5;
}
button { /* Set a style for all buttons */
    background-color: #4CAF50;
    color: black;
    padding-right: 5px;
	padding-left: 5px;
    margin: 2px 2px;
    border: 2px;
    border-radius: 2px;
	border-color: red;
    cursor: pointer;
    width: auto;
}
input[type=text], input[type=password] { /* Full-width input fields */
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
/* Extra styles for buttons */
.cancelbtn {
    background-color: #f44336;
}
.center {
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:auto;
}
.container {
    padding-top: 16px;
	padding-left: 25%;
	width: 50%;
}
.nextevalbutton {
    padding: 10px 10px;
    background-color: #4CAF50;
}
.pauseplaybutton {
    padding: 10px 10px;
    background-color: #f44336;
}
.signupbtn {
    padding:  10px 10px;
    background-color: #4CAF50;
	width:auto;
}
.subbtn {
    padding:  10px 10px;
    background-color: #4CAF50;
}
.truncatebutton {
	position: fixed;
	background-color: #f44336;
	left: 2%;
	top: 100px;
	z-index: 4;
}
.updatebtn {
    padding:  10px 10px;
    background-color: #4CAF50;
}
.subbtn,.signupbtn,.cancelbtn,.updatebtn { /* Float cancel and signup buttons and add an equal width */
    float: center;
    color: black;
    padding: 5px 5px;
    margin: 5px 5px;
    border: 5px;
    border-radius: 5px;
	border-color: yellow;
    cursor: pointer;
    width: auto;
}
.clearfix::after { /* Clear floats */
    content: "";
    clear: all;
    display: table;
}
@media screen and (max-width: 50%) { /* Change styles for cancel button and signup button on extra small screens */
    .cancelbtn, .signupbtn, .updatebtn {
		width: 50%;
    }
}