/* 
$Id: play.css 396 2008-10-24 03:59:56Z jamie $
*/

.cancelgame { font-size: small; cursor: pointer; color: #FFF; font-weight: bold; background-color: #FF8080; padding: 3px; border: 1px #B30000 solid; }
a.cancelgame:hover { background-color: #FFBFBF; }

.drop, .kick { font-size: xx-small; cursor: pointer; color: #B3B300; }

#gameurl { width: 100%; font-size: small; }
.instructions { font-size: large; background-color: #FFFFBF; border: 2px #FFFF00 solid; margin: 5px; padding: 5px; }

/*div { border: 1px #0F0 solid; }*/

#error { background-color: #F33; }
.center { text-align: center; }
#main { }
#playing_area { margin-right: 10px; width: 320px; }
.pointer { cursor: pointer; }
img { border: 0px; }


body, td, table, div, tr, th, b, a, input, ol, li, ul, h1, h2, h3, h4, h5, p, button {
	font-family:verdana;
}
body, td, table, div, tr, th, b, a, input, button {
	font-size: small;
}
td {
	padding: 2px
}

a{
	text-decoration:none
}
a.pass { font-size: x-small; }

td, table, tr{padding: 0px;}
.bold{font-weight:bold}
.white{color:#FFF}
.black{color:#000}

a:hover{text-decoration:underline;font-weight:bold;}

#search_tree {
	background-color: #EEE;
}
.stateContainer {
	border: 1px #000 solid;
	padding-bottom: 3px;
}

.card_top { letter-spacing: -2px; }
table.hand { margin-left: auto; margin-right: auto; }
.handControl { display: inline; }
.handChildren { padding-top: 4px; }

#divTimeToRender > div { font-size: xx-small; }


.card_red {
	color: #F00;
}

.card_black {
	color: #000;
}

.card {
	border-left: 1px #000 solid; 
	border-bottom: 1px #000 solid; 
	border-top: 1px #000 solid; 
	padding-left: 1px;
	background-color: #FFF; 
	height: 60px; 
}
.card_container { width: 20px; margin-top: 5px; margin-bottom: 5px; padding-bottom: 5px; }
.card_last { width: 40px; }
.card_top span img { padding-top: 5px; display: block; }
.card_last .card { border-right: 1px #000 solid;  }

div.card_checkbox2 {
	margin: 0px;
	padding: 0px;
	text-align:left;
	margin-top: -25px;
}

input.card_checkbox2 {}

.card_top { font-size: 14px; font-weight: bold; margin: 0px; padding: 0px;}


.hand_mine {
	background-color: #030;
}
.hand_mine_cards {
	background-color: #090;
	padding: 10px;
}

.hand_controlling {
	margin-bottom: 10px;
}

td.hand_controlling_title {
	background-color: #033;
}

td.hand_controlling_cards {
	background-color: #39F;
	height:90px;
}

td.hand_controlling_footer {
	background-color: #9C9;
}

.menu { text-align: right; }
.submenu , .submenu .menu_list, .submenu .menu_list li, .submenu .menu_list li a { font-size: x-small; }

.menu_list li {
	display: inline;
	border-right: 1px #CCC solid;
	vertical-align: top;
	padding-bottom: 5px;
	padding-right: 5px;	
}

.main_button, #menu_howtoplay {
	background-color: #FF0;
	padding: 2px;
	display: inline;
	font-weight: bold;
}

#hand_controlling_footer_left {
	width: 100px;
	text-align: center;
}

#hand_controlling_footer_right {
	width: 70%;
}

#controlling_hand_main {
	height: 90px; 
}

#footer_left, #footer_right {
	text-align: center;
	padding: 0px;
	width: 90px;
}

#instructions {
	margin-top: 20px;
	border: 1px #F90 solid;	
	background-color: #FFE6BF;
	padding: 10px;
	width: 300px;
}
#instructions_title {
	padding: 5px;
	font-size: large;
}

#instructions_text {
	height: 200px;
	overflow: auto;
}


#faq {
	margin-top: 20px;
	
	padding: 10px;
	width: 300px;
}
#faq_title {
	padding: 5px;
	font-size: large;
}

#faq_text {
	height: 200px;
	overflow: auto;
}


#render_time {
	margin-top: 20px;
	text-align: right;
}


#history {
	border-left: 1px #EEE solid;
	padding-left: 3px;
	width: 200px;
	margin-top: 10px;
}



.players {
	border: 3px #38A solid;
	
	width: 300px;
	padding-left: 3px;
}
.players .player_in_control { font-weight: bold; color: #08F; }
.players .player_in_control td { background-color: #EEE; padding: 1px; font-size: 14px; }


.player, .player_control, .player_cardcount, .player_name { font-size: x-small; }

.player .player_control {
	font-weight: bold;
	font-size: large;
}

.player .player_cardcount {
	font-style: italic;
	text-align: center;
}
.player .player_name {
	overflow: hidden;
}


.freehand { font-size: xx-large; font-weight: bold; color: #FFF; }

dt { font-weight: bold; }
dd { font-size: x-small; }
#newgame, #newgame a { font-size: large; font-weight: bold; padding: 2px; padding: 5px; }
.host { font-size: x-large; }