body { 
	background-color: #003300;
	color: #333333;
	font-family: verdana, sans-serif;
	font-size: 14px;
}

a { color: #208020; text-decoration: none; }
a:visited { color: #208020; text-decoration: none; }
a:hover { color: #66cc66; text-decoration: none; }

hr { noshade: true; height:1px; color:#338033; }
.hr1 { noshade: true; height:2px; color:#66cc66; margin:1px; padding:0px;border:0px; font-size:1px; }
.hr2 { noshade: true; height:2px; color:#339933; margin:1px; padding:0px;border:0px; font-size:1px;}
.fakehr { font-size: 1px; background-color: #66cc66; height:2px; margin-top:4px; }

.red { color: #cc0000; }

.f10 { font: 10px verdana,helvetica; }
.f11 { font: 11px verdana,helvetica; }
.f12 { font: 12px verdana,helvetica; line-height: 18px; }
.f13 { font: 13px verdana,helvetica; line-height: 20px; }
.f14 { font: 14px verdana,helvetica; }
.f15 { font: 15px verdana,helvetica; }
.f16 { font: 16px verdana,helvetica; }
.f17 { font: 17px verdana,helvetica; }
.f18 { font: 18px verdana,helvetica; }
.f19 { font: 19px verdana,helvetica; }
.f20 { font: 20px verdana,helvetica; }

.f10b { font: bold 10px verdana,helvetica; }
.f11b { font: bold 11px verdana,helvetica; }
.f12b { font: bold 12px verdana,helvetica; }
.f13b { font: bold 13px verdana,helvetica; }
.f14b { font: bold 14px verdana,helvetica; }
.f15b { font: bold 15px verdana,helvetica; }
.f16b { font: bold 16px verdana,helvetica; }
.f17b { font: bold 17px verdana,helvetica; }
.f18b { font: bold 18px verdana,helvetica; }
.f19b { font: bold 19px verdana,helvetica; }
.f20b { font: bold 20px verdana,helvetica; }

.lightLink { color:white; text-decoration: none; }
.lightLink:visited { color:white; text-decoration: none; }
.lightLink:active { color:white; text-decoration: none; }
.lightLink:hover { color: white; text-decoration: underline; }

.accentLink { color:#d0c0ff; text-decoration: none; }
.accentLink:visited { color:#d0c0ff; text-decoration: none; }
.accentLink:active { color:#d0c0ff; text-decoration: none; }
.accentLink:hover { color: #d0c0ff; text-decoration: underline; }

.accent2Link { color:#f0f040; text-decoration: none; }
.accent2Link:visited { color:#f0f040; text-decoration: none; }
.accent2Link:active { color:#f0f040; text-decoration: none; }
.accent2Link:hover { color: #f0f040; text-decoration: underline; }

.colorLight { color: #e0e0e0; }
.colorWhite { color: #ffffff; }
.colorAccent { color: #d0c0ff; }
.colorAccent2 { color: #f0f040; }

.colorText { color: #003333; }
.bgcolorMedGreen { background-color: #338033; }

.contentCell { background-color: white; padding: 4px; }
.secHeader { font-size: 18px; font-weight: bold; padding-top: 8px; border-bottom: 2px solid #00c000; }

.clsFreecells { 
	border:1px solid black; 
	color: white; 
	text-align: center; 
	vertical-align: middle;
	font-weight: bold;
}
.clsAces { 
	border:1px solid black; 
	text-align: center; 
	vertical-align: middle;
}
.clsCols { 
	border:1px solid black;  
	color: white; 
	text-align: center; 
	vertical-align: middle;
	font-weight: bold;
}

#idmainboard
{
	background-color: #006600;
}
#idtopbb
{
	background-color: #c0c040;
	color: black;
}
#idbbcell
{
	padding-left:4px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}

#playarea { 
	color: yellow;
	font-size:24pt;
}

#idbottom 
{
	font-size: 16px;
	color: #f0f040;
}

#idlogo { font-size: 48px; color: #c0c000; }
#idlinks { font-size: 16x; }

#idtopbb { font-size: 12px; }
.ctlSmall { font-size: 12px; }
.ctlIcon { font-size: 12px; }

#idhidden { position: absolute; display: none; }
#idsrchilite 
{ 
	position:absolute;
	display:none;
	z-index:1000;
	border:2px solid #9999ff; 
}
#iddesthilite 
{ 
	position:absolute;
	display:none;
	z-index:1000;
	border:2px solid #ff99ff; 
}
#idwait 
{ 
	background-color:buttonface;
	color:black;
	font-family:verdana;
	font-size:12px;
	display:none;
	position:absolute;
	border:1px solid #666666;
	padding:10px; 
}
#idcomm
{
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

#iddlgclose
{
	position:absolute;
	display:none;
	color:black; 
	background-color:#666666;
	text-align:right;
	font: bold 12px verdana; 
	z-index:10001;
	border:1px solid buttonshadow;
}
#idclosespan
{
	cursor:pointer;
}
#iddlg
{
	display:none;
	position:absolute;
	z-index:10000;
	border:5px solid buttonshadow;
}

#idfocus 
{ 
	position: absolute; 
	display: none;
	z-index: 8000; 
	top: 32px;
	left: 0px;
	width: 320px;
	height: 480px;
}

.focusrect
{
	position: absolute;
	display: none;
	z-index: 20000;
}
.focusrectimg 
{
	position: absolute;
	border: 0px;
}