/*<style type="text/css" media="screen">*/
* {margin: 0; padding: 0; border: 0;}
img { behavior: url(../iepngfix.htc) }

body {
font-family:arial;
text-align: center; 
background: #cccc66;
color: #fff;
min-width: 700px;
behavior:url("hover.htc");
}

button { font-size: 1em; }

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper {
text-align: left;
width: 100%;
/*margin: 0 auto;*/ 
background: #cccc66;
}

#header, #subnav
{ 
color: #000;
clear: both; 
width: 100%;
}

#header {text-align: center; background: #cccc66; color: #fff; height: 100px;}
#footer {background: #cccc66; clear:both; width: 100%; height:auto;}

#subnav
{
text-align:left;
background: #996600;
color: #fff;
font-family: arial;
font-size: 75%;
}

#contentfloatholder
{
/* right faux column tab */
float: left;
width: 100%;
}

#wscenter {
text-align: center;
margin: 0 160px 0 160px;
}

#centerwrap {
font-family: arial;
font-size: 100%;
  float:left;
  width: 100%;  
  /*min-height:404px;*/
  /*height:auto;*/
  height:404px;
  margin: 0 -95% 0 0;
}

#left {
  float:left;
  width: 160px;
  margin: 0 0 0 -5%;
background: #cc9900;
}

#right {
  float:right;
  width: 160px;
 margin: 0;
background: #cc9900;
}

#leftcontent, #rightcontent{
height: 404px;
text-align:center;
}

#footer{
width:100%;
color: #fff;
font-family: arial;
font-size: 75%;
}
/************* IE Mac CSS Only  works for Win too **************/
/* html div#centerwrap {margin: 0 -100% 0 0;}*/
/* html div#left {margin: 0;}*/

div h3, div p5
{
text-align: center;
/*padding: 15px 0px;*/ 
}

.p1
{
text-align: left;
}

img.newtilepos
{
position:relative;
left:-96px;
}

.test
{
}

.btalign
{
border: 0px;
margin: 0px;
padding: 0px;
}

.hmm
{
font-family: arial;
font-size: 100%;
border: 0;
padding: 2px;
}

#regform
{
position: absolute;
left: 50%;
width: 350px;
margin-left: -175px;
}

label.lrg,input.lrg
{
width: 10em;
float: left;
margin: 0 5px 5px 0;
}

label.lrg
{
text-align: right;
}

.input-rg
{
margin-bottom: 10px
}

.submit-rg
{
margin-left: 5em;
clear: both
}

.gbt, .gbb
{
float: left;
width: 360px;
height: 20px;
padding: 0px;
}

.gbl
{
float: left;
width: 20px;
height: 54px;
padding: 0px;
}

.gbr
{
float: left;
width: 20px;
height: 54px;
padding: 0px;
}

.sbt, .sbb
{
float: left;
width: 67px;
height: 2px;
padding: 0px;
}

.sbl
{
float: left;
width: 2px;
height: 28px;
padding: 0px;
}

.sbr
{
float: left;
width: 2px;
height: 28px;
padding: 0px;
}

.sbsp
{
float: left;
width: 24px;
height: 54px;
padding: 0px;
}

.psnc
{
float: left;
width: 48px;
height: 54px;
padding-top: 1px;
padding-left: 50px;
background: #339933;
}

.scbox
{
float: left;
width: 67px;
height: 32px;
padding-left: 45px;
padding-top: 13px;
}

.sbs1, .sbs2, .sbs3
{
float: left;
width: 21px;
height: 28px;
padding: 0px;
}

.menu
{
height: 20px;
width: 128px;
}

.liform
{
float: left;
width: 320px;
height: 30px;
}

#pssst2
{
}
/*385px*/
#pssst
{
background:transparent;
width:292px;
height:290px;
position:absolute;
left: 50%;
margin-left: -146px;
padding: 32px 0px;
}

#htp
{
font-size: .9em;
font-weight: lighter;
text-align: left;
width:384px;
height:420px;
position:absolute;
left: 50%;
margin-left: -192px;
padding: 10px 0px;
}

#highs, #regform, #getgrid
{
width:360px;
height:420px;
position:absolute;
left: 50%;
margin-left: -180px;
padding: 10px 0px;
}

#stats, #pstats
{
width:300px;
height:420px;
position:absolute;
left: 50%;
margin-left: -150px;
padding: 10px 0px;
font-size:90%;
}

br
{
	clear: left;
}

#login
{
float:left;
}

b.rtops, b.rbottoms{display:block;background: #cccc66}
b.rtops b, b.rbottoms b{display:block;height: 1px; overflow: hidden; background: #996600}

b.rtopf, b.rbottomf{display:block;background: #cccc66}
b.rtopf b, b.rbottomf b{display:block;height: 1px; overflow: hidden; background: #cccc66}

b.rtoph, b.rbottomh{display:block;background: #cccc66}
b.rtoph b, b.rbottomh b{display:block;height: 1px; overflow: hidden; background: #cccc66}

b.rtop, b.rbottom{display:block;background: #cccc66}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #cc9900}

b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

DIV.base-layer {
  background: none #cc9900; color: #000000;
  margin: 0.5em 12px 0.5em 12px; padding: 0; text-align: center; width: auto;
}

DIV.table-row {
  background: none #cc9900; color: #ffffff;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 96%;
}

DIV.left-layer11 {
  border: none; float: left; margin: 0; padding: 0; width: 50%;
}

DIV.right-layer11 {
  border: none; float: right; margin: 0; padding: 0; width: 49%;
}

DIV.left-stat {
  border: none; float: left; margin: 0; padding: 0; width: 33%;
}

DIV.right-stat {
  border: none; float: right; margin: 0; padding: 0; width: 33%;
}

DIV.hss-left {
  border: none; float: left; margin: 0; padding: 0; width: 15%;
}

DIV.ttls-left {
  border: none; float: left; margin: 0; padding: 0; width: 35%;
}

DIV.ttlt-left {
  border: none; float: left; margin: 0; padding: 0; width: 64%;
}

DIV.ttlt-rigth {
  border: none; float: left; margin: 0; padding: 0; width: 40%;
}

DIV.hsn-left {
  border: none; float: left; margin: 0; padding: 0; width: 35%;
}

DIV.hsn-right {
  border: none; float: right; margin: 0; padding: 0; width: 35%;
}

DIV.wsso-left {
   border: none; float: left; margin: 0; padding: 0; width: 10%;
}

DIV.wssw-left {
  border: none; float: left; margin: 0; padding: 0; width: 23%;
}

DIV.wssw-right {
  border: none; float: right; margin: 0; padding: 0; width: 23%;
}

/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* Some rules for captions, headers and running text */

H4.table-caption {
  background: transparent; color: #ffffff; font-family: sans-serif;
  font-size: 1em; font-weight: bold; margin: 0;
  padding: 0.2em; text-align: center; width: auto;
}

H5.colhdr {
  background: none #; color: #ffffff;
  font-family: sans-serif; font-size: 1em;
  font-weight: bold; margin: 0; padding: 0.2em 0.2em 0 0.2em;
  text-align: center; width: auto;
}

P.text {
  margin: 0; padding: 0.2em 0.2em 0 0.2em;
  font-style: normal; font-size: 1em; text-align: center; text-indent: 0;
  width: auto;
}

p.points
{
  margin: 0; padding: 0.2em 0.2em 0 0.2em;
  font-style: normal; font-size: 1em; text-align: right; text-indent: 0;
  width: auto;
}

p.hands
{
  margin: 0; padding: 0.2em 0.2em 0 0.2em;
  font-style: normal; font-size: 1em; text-align: left; text-indent: 0;
  width: auto;
}
label.menu:link { color: #ffffff; }
label.menu:visited {color: #ffffff; }
label.menu:hover { color: #0000ff; }

.cblock
{
float: left;
width: 50px;
height: 56px;
}

.ctop, .cbot
{
float: left;
width: 50px;
height: 1px;
}

.cleft, .cright
{
float: left;
width: 1px;
height: 54px;
}



.ccell
{
float: left;
width: 48px;
height: 54px;
}

.snhs
{
float: right;
padding: 2px 10px 0px 0px;
font-size: 100%;
font-weight: bold;
}

.snli
{
vertical-align:middle;
/*position: relative;
top: 50%;
margin-top: -0.5em;
padding: 0px 0px 0px 5px;
*/
}

.snlis
{
vertical-align: middle;
}

#libox
{
vertical-align: middle;
padding: 0px 0px 0px 4px;
}

.liunl
{
position: absolute;
top: 106px;
left: 5px;
}

.liun
{
position: absolute;
top: 104px;
left: 67px;
height: 18px;
width: 100px;
}

.lipwl
{
position: absolute;
top: 106px;
left: 167px;
}

.lipw
{
position: absolute;
top: 104px;
left: 230px;
height: 18px;
width: 100px;
}

.lisib
{
position: absolute;
top: 104px;
left: 334px;
height: 18px;
width: 64px;
font-size: .9em;
}

.lirb
{
position: absolute;
top: 104px;
left: 402px;
height: 18px;
width: 64px;
font-size: .9em;
}

.libad
{
position: absolute;
top: 106px;
left: 470px;
}

.lisob
{
position: absolute;
top: 104px;
left: 120px;
height: 18px;
width: 64px;
font-size: .9em;
}

/* Number Cell Templates */

.sscell, .ssf
{
float: left;
width: 32px;
height: 32px;
}

.ssc
{
background: #cccccc;
float: left;
width: 32px;
height: 32px;
}

.ssch
{
visibility: hidden;
/*float: left;*/
position: relative;
/*left: -24px;*/
top: -24px;
width: 32px;
height: 32px;
}

.sstbt, .sstbm, .sstt
{
float: left;
width: 32px;
height: 4px;
}

.sstbs1, .ssts1
{
float: left;
width: 11px;
height: 7px;
}

.ssn
{
float: left;
width: 6px;
height: 7px;
}

.sstbs2
{
float: left;
width: 1px;
height: 7px;
}

.sstbs3
{
float: left;
width: 1px;
height: 7px;
}

.sstbs4
{
float: left;
width: 11px;
height: 7px;
}

.sstbb, .ssbb
{
float: left;
width: 24px;
height: 2px;
}

.ssbt
{
float: left;
width: 32px;
height: 15px;
}

.ssbs1
{
float: left;
width: 11px;
height: 7px;
}

.sstb
{
float: left;
width: 32px;
height: 13px;
}

.ssv
{
float: left;
width: 1px;
height: 32px;
}

.ssh
{
float: left;
width: 32px;
height: 1px;
}

.grwinpanel
{
width: 270px;
height: 201px;
float: left;
}

.grwingrid
{
position:relative;
left: 15%;
float:left;
width: 201px;
height: 201px;
}

.grwinbutbox
{
position: relative;
/*top:20%;*/
left:6%;
width: 64px;
height 201px;
float: left;
}

.gridbut
{
border: 1px solid black;
width: 64px;
/*height: 16px;*/
font: arial;
font-size: 80%;
font-weight:normal;
float: left;
padding: 2px;
margin: 4px 0 0 0;
}

.grpanelcellbl
{
background:#cc9900;
width:10px;
height:10px;
float:left;
font-size: 0;
}

.grpanelcell
{
border-top:1px solid black;
border-left:1px solid black;
background:#ffffff;
width:9px;
height:9px;
float:left;
font-size: 0;
}

.grpanelcellr
{
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
background:#ffffff;
width:8px;
height:9px;
float:left;
font-size: 0;
}

.grpanelcellb
{
border-top:1px solid black;
border-left:1px solid black;
border-bottom:1px solid black;
background:#ffffff;
width:9px;
height:8px;
float:left;
font-size: 0;
}

.grpanelcellc
{
border:1px solid black;
background:#ffffff;
width:8px;
height:8px;
float:left;
font-size: 0;
}

.grpanelcellf
{
border:1px solid black;
background:#000000;
width:8px;
height:8px;
float:left;
font-size: 0;
}

.gridbutspc
{
background: transparent;
width: 48px;
height: 5px;
float: left;
font-size: 0;
}

.gridpnbox
{
text-align:left;
/*border:1px solid black;*/
font-size: 80%;
width:210px;
height:20px;
float:left;
position:relative;
left:33%;
/*margin-top: 10px;*/
}

.lbstrip
{
width:270px;
height:20px;
float:left;
}

.gridxofxbox
{
text-align:center;
/*border:1px solid black;*/
font-size: 80%;
font-weight: bold;
width:201px;
height:20px;
float:left;
position:relative;
left:33%;
/*margin-top: 5px;*/
}

.gridxofx
{
}


#grprev
{
border:1px solid black;
height:20px;
width:80px;
/*position: relative;
left: 5%;*/
float:left;
}

.grrandbox
{
border:1px solid black;
text-align: left;
width: 68px;
height: 20px;
float: left;
position:relative;
}

#grrand
{
border:1px solid black;
height:20px;
width:70px;
position: relative;
left: 5px;
/*left: 10%;*/
float:left;
}

#grnext
{
border:1px solid black;
height:20px;
width:44px;
position:relative;
left: 10px;
float:left;
/*float: right;
left:-10%;*/
}

#btg
{
border: 1px solid black;
height: 20px;
width: 125px;
font-size:85%;
margin: 4px 0 0 0;
}

#gselect
{
border: 1px solid black;
height:20px;
width:70px;
font-size:85%;
margin: 4px 0 0 0;
}

#npcancel
{
border: 1px solid black;
font-size:85%;
padding: 2px;
margin: 4px 0 0 0;
}

.snpbtg
{
position:relative;
left: 5px;
}

.pzcell
{
background:transparent;
width:32px;
height:32px;
float:left;
}

.pzbl
{
background:transparent;
width:32px;
height:32px;
float:left;
}

.pzh
{
background:#333333;
width:32px;
height:1px;
float:left;
font-size: 0;
overflow:hidden;
}

.pzv
{
background:#333333;
width:1px;
height:32px;
float:left;
}

.pzc
{
background:#333333;
width:1px;
height:1px;
float:left;
font-size: 0;
overflow:hidden;
}

.pzf
{
background:#000000;
width:32px;
height:32px;
float:left;
}

.pzb
{
border-top: 1px solid #000000;
border-left: 1px solid #000000;
background:#ffffff;
width:31px;
height:31px;
float:left;
}

.spc
{
background:transparent;
width:292px;
height:32px;
float:left;
}

.line
{
background:#333333;
width: 289px;
height: 1px;
float:left;
font-size:0;
overflow:hidden;
}

.supmg
{
background:transparent;
width:32px;
height:32px;
float:left;
}

.supm
{
background:transparent;
width:10px;
height:10px;
float:left;
font-size:0;
overflow:hidden;
/*z-index:-1;*/
}

.pmn
{
background:transparent;
width:8px;
height:8px;
float:left;
font-size:0;
overflow:hidden;
/*z-index:-1;*/
}

.pms
{
background:transparent;
width:2px;
height:10px;
float:left;
font-size:0;
overflow:hidden;
/*z-index:-1;*/
}

.pmt
{
background:transparent;
width:32px;
height:2px;
float:left;
font-size:0;
overflow:hidden;
/*z-index:-1;*/
}

.sscm
{
background: #cccccc;
float: left;
width: 32px;
height: 32px;
/*z-index:-1;*/
}

#lmbox {float: left; width: 154px; height: 220px; }
.tmbox {position: relative; float: left; width: 154px; height: 116px; left: 50%; margin-left: -77px; }
.tmtext {text-align: center; width: 154px; float: left; font-family:arial; font-size: 80%; margin-bottom: 2px; }
.tmgame {float: left; width: 154px; height: 44px; }
.tmspc {float: left; width: 154px; height: 8px; font-size:0; overflow:hidden; }
a:link { text-decoration: none; color: #ffffff; }
a:visited { text-decoration: none; color: #ffffff; }
a:hover {text-decoration: none; color: cyan; }

.rmenu
{
position: relative;
float: left;
width: 120px;
height: 240px;
left: 50%;
margin-left: -60px;
}

.rmspc
{
float: left;
background: transparent;
width: 150px;
height: 4px;
}

/*</style>*/