body {
	background-color: #cecece;
	-webkit-text-size-adjust:none;
}


.screen {
	margin: 0px;
	padding: 0px;
	border: 0px;
	top:0px;
	left:0px;
	width:310px;
	z-index:0;
}

.iphone {
	position:absolute;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	background-color:#00cece;

	top:36px;
	left:28px;
	width:260px;
	height:266px;
	z-index:5;
	visibility:hidden;
	font-size: 6pt;
}
a {
	color:#ffffff;
	font-family: Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 10pt;
}
		
.timer {
	color:#ffffff;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}
	
form {
	margin-bottom:0;
}

body {
  background-color: #40a040;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin-top: 4px;
  margin-left: 4px;
}

.playingField {
  border-color:  #208020 #60c060 #60c060 #208020;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  margin-bottom: 3px;
  padding: 2px;
  align: top;
}

.activeField {
  background-color: #60c060;
  border-color:  #006000 #90f090 #90f090 #006000;
}

.cardArea {
  font-size: 20pt;
  height: 88px;
  position: relative;
}

.textBox {
  background-color: #ffffc0;
  border-color:  #006000 #90f090 #90f090 #006000;
  border-style: solid;
  border-width: 1px;

  color: #000000;
  
  font-family: "Times New Roman", serif;
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: .5em;
  padding: .1em;
  text-align: center;
  width: 6em;
  margin: 0 2px 0 0;
}

.name {
  background-color: #208020;
  border-color: #60c060 #006000 #006000 #60c060;
  color: #ffffc0;
  float: left;
}

.score {
	float: left;
}

.clearboth { clear: both; }

.result { color: #c00000; width: 12em;}

.dollars { color: #006000; float:left; }
.control { width:148px; }

.lost { color: #80b060; }

#controlsArea {
  margin-top: 0.5em;
}

#rulesBox {
	position:absolute;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	background-color:#ababab;
	filter:alpha(opacity=95);
	-moz-opacity:.95;opacity:.95;
	top:5px;
	left:2px;
	width:280px;
	padding: 0.5em 1em 0.5em 1em;
	z-index:99;
	visibility:hidden;
	font-size: 10pt;
}


input.button {
  background-color: #c0c0c0;
  border-color: #f0f0f0 #808080 #606060 #d0d0d0;
  border-style: solid;
  border-width: 2px;
  font-size: 8pt;
  margin-top: .5em;
  padding: 0px;
  text-align: center;
  width: 8em;
}

/******************************************************************************
* Playing card styles.                                                        *
******************************************************************************/

.card {
  background-image: url("cardback.gif");
  background-color: #cecece;
  border-color: #808080 #000000 #000000 #808080;
  border-width: 1px;
  border-style: solid;
  font-size: 16pt;
  position: absolute;
  
  width:  60px;
  height: 80px;  
}

.front {
  background-color: #ffffff;
  color: #000000;
  position: absolute;
  width: 100%;
  height: 100%;
}

.red { color: #ff0000; }

.index {
  font-size: 50%;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 0.25em;
  top:  0.25em;
  
  left: 2px;
  top: 2px;
}

.ace {
  font-size: 280%;
  text-align: center;
  position: relative;
  left: 0.325em;
  top:  0.250em;
  
  left: 5px;
  right: 55px;
  top: 5px;
}

.face {
  border: 1px solid #000000;
  position: absolute;
  left: 0.50em;
  top:  0.45em;
  width:  2.6em;
  height: 4.0em;
  
  left: 10px;
  top: 10px;
  width: 42px;
  height: 64px;
}




.spotA1 { position: absolute; left: 13px; top: 4px; }
.spotA2 { position: absolute; left: 13px; top: 20px; }
.spotA3 { position: absolute; left: 13px; top: 28px; }
.spotA4 { position: absolute; left: 13px; top: 36px; }
.spotA5 { position: absolute; left: 13px; top: 52px; }

.spotB1 { position: absolute; left: 28px; top: 4px; }
.spotB2 { position: absolute; left: 28px; top: 20px; }
.spotB3 { position: absolute; left: 28px; top: 28px; }
.spotB4 { position: absolute; left: 28px; top: 36px; }
.spotB5 { position: absolute; left: 28px; top: 52px; }

.spotC1 { position: absolute; left: 43px; top: 4px; }
.spotC2 { position: absolute; left: 43px; top: 20px; }
.spotC3 { position: absolute; left: 43px; top: 28px; }
.spotC4 { position: absolute; left: 43px; top: 36px; }
.spotC5 { position: absolute; left: 43px; top: 52px; }