BODY, DIV
{
	margin: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: black;
	/*background: #475E46;*/
	background-image: url('../img/dark_stripe.gif');
}

DIV
{
	background-color: transparent;
	background-image: none;
	line-height: 1.2em;
	font-weight: normal;
	color: black;
}

A:link, a:visited, a:active { text-decoration: none; border-bottom: 0px dotted #9E1E1E; color: #9E1E1E; }
		
A:hover {text-decoration: none; border-bottom-width: 1px; color: #ffffff }

div.container 
{
	margin: 0 auto 0;
	width: 840px;
	min-height: 800px;
	height: 100%;
	background-color: #FFFBD4;
}

div.header
{
	font-family: Arial, Verdana, sans-serif;
	margin: 0 auto 0px;
	width: 820px;
	height: 30px;
	padding-top: 10px;
	padding-right: 20px;
	background-color: #9E1E1E;
	font-size: 2em;
	font-weight: bold;
	text-align: right;
	color: white;
}

div.toolbar
{
	margin: 0 auto 20px;
	text-align: right;
	background-color: #191C1B;
	width: 820px;
	padding: 10px 20px 10px 0px;
	color: white;
	
}

div.content 
{
	margin: 0 auto 30px;
	width: 820px;
	padding: 10px;
	background-color: transparent;
}

div.footer
{
	width: 100%;
	text-align: center;
	margin: 30px auto 30px;
	padding-bottom: 30px;
	color: white;
}

div.footer:after  
{		
	content: ".";
	display: block;
	overflow: hidden;
	clear: both;
	visibility: hidden;
	height: 0;
}

/* dynamic stuff */

div.menutop
{
	background-color: #263D47;
	color: white;
	font-weight: bold;
	text-indent: 2em;
	line-height: 2em;
	border: 1px solid #263D47;
	margin-bottom: 30px;
}

div.menutop:after  
{		
	content: ".";
	display: block;
	overflow: hidden;
	clear: both;
	visibility: hidden;
	height: 0;
}
		
	span.closed, span.open
	{
		background-position: center right;
		background-repeat: no-repeat;
		font-weight: normal;
		text-align: right;
		padding-right: 15px;
		float: right;
		margin-right: 20px;
		font-size: 10px;
	}
	
	span.open
	{
		background-image: url('../img/arrow_up.png');
	}
	
	span.closed
	{
		background-image: url('../img/arrow_down.png');
	}
	
	span.open:hover, span.closed:hover
	{
		color: #9E9E9E;
		cursor: pointer;	
	}
	
	div.tablescontainer
	{
		width: 100%;	
		background-color: #FFF8B6;
		text-align: center;
	}
	
	div.tablescontainer:after  
	{		
		content: ".";
		display: block;
		overflow: hidden;
		clear: both;
		visibility: hidden;
		height: 0;
	}

		div.sessionSinglet
		{	
			float: left;
	 		width: 200px;
	 		text-align : center;
	 		font-size : 10px;
	 		display : block;
	 		margin: 15px 25px 15px 25px;
	 		clear: none;
	 	}
	 	
	 	div.tableInfo:after  
		{		
			content: ".";
			display: block;
			overflow: hidden;
			clear: both;
			visibility: hidden;
			height: 0;
		}
	 	div.tableInfo
	 	{
		 	width: 200px;
		    border : 1px dotted black;
		    background : url('../img/table_ico.png') center left no-repeat;
		    padding : 5px;
		    margin : 3px
	    }
	    
	    div.tableInfo:hover
		{
			background-color: #E3CC73;
			color: white;
			cursor: pointer;
		}
	    
	    div.tableText
	    {
		    text-align : right;
		    width : 150px;
		    margin-left : 50px;
	   	}
	    	    	    	
		div.newGame
		{
			margin-left: 20px;
		    width: 180px;
		    height: 30px;
		    text-align: center;
		    padding-top: 10px;
		}
		
		div.breaker
		{
			height: 3px;
			width: 100%;
			float: left;
			clear: both;
			line-height: normal;
		}

div.gametop
{
	border: 1px solid #191C1B;
	background: #191C1B;
	margin: 0 auto 20px;
	padding: 0;
	color: white;
	font-weight: bold;
	text-indent: 2em;
	line-height: 2em;
}

div.gametop:after  
{		
	content: ".";
	display: block;
	overflow: hidden;
	clear: both;
	visibility: hidden;
	height: 0;
}
	span.gameButton
	{
		background-image: url('../img/arrow_down.png');
		background-position: center right;
		background-repeat: no-repeat;
		font-weight: normal;
		text-align: right;
		padding-right: 15px;
		float: right;
		margin-right: 20px;
		font-size: 10px;
	}
	
	span.gameButton:hover
	{
		color: #9E9E9E;
		cursor: pointer;	
	}
	
	div.tabletop
	{
		background: url('../img/tabletop.png') top left no-repeat;
		height: 500px;
		width: 818px;
		margin: 0;
		padding: 0;
		border: 0px solid black;
		z-index: 50;
	}
	
		div.userinput
		{
			width: 800px;
			margin: 10px auto 10px;
			padding: 0 1em 0 1em;
			color: white;
			font-weight: bold;
			line-height: 2em;
		}
		
		div.userinput:after  
		{		
			content: ".";
			display: block;
			overflow: hidden;
			clear: both;
			visibility: hidden;
			height: 0;
		}
		
		div.userinput INPUT
		{
			background: transparent;
			color: white;
		}
			
			div.cardDisplay
			{
				display: inline;
				text-align: left;
				color: #9E9E9E;
				float: right;
				width: 300px;
				margin-right: 1em;
				margin-bottom: 1em;
				height: 12px;
			}
			
			.clubs, .spades
			{
				color: white;
				padding: 0 0 0 3px;
				font-size: 18px;
				margin-top: 3px;
			}
			
			.diamonds, .hearts
			{
				color: red;
				padding: 0 0 0 3px;
				font-size: 18px;
				margin-top: 3px;
			}
			
			div.inputError
			{
				 margin-left: 4em;
				 color: red;
			}

#theGame
{
	position: absolute;
	height: 500px;
	width: 818px;
	overflow: hidden;
}

#theGame:after  
{		
	content: ".";
	display: block;
	overflow: hidden;
	clear: both;
	visibility: hidden;
	height: 0;
}

#theGame div
{
	color: white;
	text-indent: 0px;
	font-size: 11px;
}

	#theGame div.handInfo
	{
		position: relative;
		top: 10px;
		left: 10px;
		height: 40px;
		width: 150px;
	}
	
	#theGame div.cardsCommunity
	{
		position: relative;
		top: 45px;
		left: 216px;
		height: 90px;
		width: 500px;
	}
	
	#theGame div.cardsCommunity IMG
	{
		margin-right: 10px;
		display: inline;
		float: left;
	}
	
	#theGame div.cardsMe
	{
		position: relative;
		top: 230px;
		left: 200px;
		height: 150px;
		width: 500px;
	}
	
		#theGame div.cardsMe IMG
		{
			margin-right: 10px;
			display: inline;
			float: left;
		}
		
	#theGame div.player2
	{
		position: relative;
		top: -200px;
		left: 10px;
		width: 100px;
	}
	
	#theGame div.player3
	{
		position: relative;
		top: -440px;
		left: 710px;
		width: 100px;
	}
	
	#theGame div.player2 IMG, #theGame div.player3 IMG
	{
		float: left;
		clear: both;
		margin-top: -85px;
	}