/*
 *  Graphics obtained from http://www.iconbuffet.com :
 *    'case_NotClicked.gif' = 'heist_32.gif' from the collection 'New York Noir'
 *    'pretty_model.gif'    = 'dame_32.gif' from the collection 'New York Noir'
 *    'case_outOfPlay.gif'  = 'heist_32.gif' from the collection 'New York Noir'
 *                             but was run through the GIMP (http://www.gimp.org/)
 *                             "Script-Fu->Alchemy->Erase every other row..." script
 *    'bankoffer.gif'       = 'money_bag_32.gif' from the collection 'Oslo Finance'
 */
*{
	margin: 0;
	padding: 0;
}
body{
	color: #000;
	background-color: #fff;
	font-family: Verdana,helvetica,sans-serif;
	font-size: 8pt;
	font-weight: 400;
}
h1{
	width: 282px;
	text-align: center;
	font-size: 150%;
	text-decoration: underline;
	font-style: italic;
	color: #339;
	background-color: #fff;
	margin-bottom: 2px;
}
#head{
	float: left;
	width: 282px;
}
	#reset{
		float: right;
		margin-right: 3px;
	}
a{
  color: #00f;
}
#caseDiv{
	clear: both;
	float: left;
	width: 276px;
	border: 3px double #000;
	background-color: #7d8aff;
}
	#caseDiv span{
		float: left;
		display: block;
		width: 40px;
		height: 32px;
		margin: 2px;
		padding: 1px;
		background-color: transparent;
		background-position: center left;
		background-repeat: no-repeat;
		font-weight: bold;
		font-size: 80%;
		text-indent: 26px;
	}
	span.notClicked{
		background-image: url(case_notClicked.gif);
		cursor: pointer;
	}
	span.notClicked:hover{
		background-image: url(pretty_model.gif);
		cursor: pointer;
	}
	span.outOfPlay{
		background-image: url(case_outOfPlay.gif);
		color: #656;
	}
	span.playersCase{
		background-image: none;
		cursor: default;
		text-decoration: underline;
		font-style: italic;
	}
#strikeAmts{
	float: left;
	width: 100px;
	border: 1px solid #000;
	border-width: 0 1px 0 0;
}
	#strikeAmts tr{
		border: none;
	}
		#strikeAmts tr th{
			border: 1px solid #000;
			border-width: 0 0 1px 1px;
			text-align: center;
			font-weight: 600;
		}
		#strikeAmts tr td{
			width: 57px;
			border: 1px solid #000;
			border-width: 0 0 1px 1px;
			text-align: center;
		}
		#strikeAmts tr td.struck{
			text-decoration: line-through;
			background-color: #fff;
			color: #ccc;
		}
#playarea{
	clear: both;
	width: 282px;
	margin-top: 2px;
}
	#interface{
		float: left;
		width: 181px;
		background-color: #FFB2B2;
	}
		p.label{
			font-style: italic;
			font-weight: 500;
			text-decoration: underline;
			margin-left: 2px;
		}
		#action{
			width: 181px;
			height: 36px;
			text-align: center;
			font-weight: bold;
			color: #063;
			background-color: #ffb2b2;
			margin-bottom: 4px;
		}
		#yourCase{
			width: 42px;
			height: 32px;
			padding: 2px;
			background-color: transparent;
			background-position: center left;
			background-repeat: no-repeat;
			font-weight: bold;
			font-size: 80%;
			text-indent: 26px;
			margin-bottom: 4px;
		}
		p.caseSelected{
			background-image: url(case_notClicked.gif);
			margin: 0 auto;
		}
		#bankoffer{
			text-align: center;
			width: 160px;
			height: 36px;
			line-height: 24pt;
			margin: 5px auto 4px auto;
			border: 2px inset #ccc;
			font-size: 200%;
			font-weight: bold;
			font-style: italic;
			color: #063;
			background: #ddd url(bankoffer.gif) bottom right no-repeat;
		}
		#offerbuttons{
			width: 181px;
			text-align: center;
			padding: 4px;
		}
		     #offerbuttons.input{
				margin-top: 2px;
			}
#bankofferHistory{
	clear: both;
	float: left;
	width: 282px;
	height: 40px;
	list-style-type: none;
	border: 1px solid #000;
	border-width: 0 0 1px 0;
}
	#bankofferHistory li{
		display: block;
		float: left;
		margin-left: 5px;
	}
p.foot{
	clear: both;
	font-size: 85%;
	width: 282px;
	margin-top: 4px;
	text-align: center;
}
#popInfo.hidden{
	display: none;
}
#popInfo.revealed{
	position: absolute;
	top: 230px;
	left: 22px;
	width: 250px;
	z-index: 2;
	display: block;
	background-color: #fff;
	text-align: center;
	border: 3px double #063;
}
	#closePopInfoButton{
		width: 86px;
		height: 30px;
		margin: 3px auto 3px auto;
		background-color: #ffb2b2;
		color: #063;
		border: 3px outset #ffb2b2;
		font-weight: bold;
		cursor: default;
	}
		#closePopInfoButton em{
			font-size: 80%;
		}
	#infoText{
		margin: 8px auto 3px auto;
		font-weight: bold;
	}