body {
  margin-left: 20px;
  background-image:url(../graphics/tabletop.gif);
  background-repeat:no-repeat;
  background-position:110px 50px;
}

h3 {
  margin:  0px;
}

.header {
  font-weight:  bold;
  font-color: #555555;
}

.name {
  margin-left:  3px;
}

.score {
  margin-left:  20px;
}

.lcind {
  margin-left:  15px;
}
 
#colorpicker {
  position:  absolute;
  top:  242px;
  left: 420px;
  display:  none;
  border:   solid black 2px;
  text-align:  center;
  background-color:  #afafaf;
}

#colorpicker input {
  font-size:  10pt;
  font-weight:  bold;
  color:  white;
  width:  55px;
}

.handholder {
  padding-top: 4px;
  background-color:  #efefef;
  height:  135px;
  width: 310px;
  overflow: auto;
  border-top:  solid #777777 1px;
}

.handholderslctd {
  border:  solid #ff7777 2px;
}

.topplayerhand {
  position:  absolute;
  top:  20px;
  left: 250px;
  background-color:  #efefef;
  border:  solid black 1px;
}

.leftplayerhand {
  position:  absolute;
  top:  197px;
  left: 20px;
  background-color:  #efefef;
  border:  solid black 1px;
}

.rightplayerhand {
  position:  absolute;
  top:  197px;
  left: 530px;  
  background-color:  #efefef;
  border:  solid black 1px;
}

.bottomplayerhand {
  position:  absolute;
  top:  370px;
  left: 250px;
  background-color:  #efefef;
  border:  solid black 1px;
}

#discardpile {
  position:  absolute;
  top:  212px;
  left: 454px;
  height:  135px;
  width:75px;  
  font-size: 10pt;
  color:#666666;
  text-align:center;
}

#drawpile {
  position:  absolute;
  top:  212px;
  left: 340px;
  height:  135px;
  width:75px;  
  font-size: 10pt;
  color:#666666;
  text-align:center;
}

#dealbtn {
  position:  absolute;
  top:  270px;
  left: 412px;
  width: 40px;
}

#dircolorind {
  position:  absolute;
  top:  295px;
  left: 417px;  
}

.card {
  border:  solid black 1px;
  width: 64px;  
  height: 113px;
  color:#ffffff;
  float:left;
  margin:2px;
}

.bluebk {
  background-color:#000088;
}

.bluefr {
  color: #000088;
}

.greenbk {
  background-color:#008800;
}

.greenfr {
  color: #008800;
}

.redbk {
  background-color:#880000;
}

.redfr {
  color: #880000;
}

.yellowbk {
  background-color:#bbbb00;
}

.yellowfr {
  color: #bbbb00;
}

.topend {
  padding-left:3px;
  padding-top:2px;
  text-align:left;
}

.bottomend {
  padding-right:3px;
  padding-bottom:2px;
  text-align:right;
}

.outter {
  font-size:10pt;
  font-weight:bold;
}

.inner {
  padding-left:12px;
  font-size:48pt;
  font-weight:bold;
  background-image:url(../graphics/outline.gif);
  background-repeat:no-repeat;
  background-position: center;
}

.let1 {  
  padding-left:5px; 
}

.wildcard {
  background-color:black;
}

.wildout {
  height:72px;
  background-image:url(../graphics/wildoutline.gif);
  background-repeat:no-repeat;
  background-position: center;
}

.cardback {
  background-color:#bfbfbf;
  color:  #555555;
}

.cardbackout {
  height:72px;
  background-image:url(../graphics/cardback.gif);
  background-repeat:no-repeat;
  background-position: center;
}

#options {
  width: 0px;
  height: 0px;
  position:  absolute;
  top:  50;
  left:  50;
  display: none;
  overflow:  hidden;
}

#optionstbl {
  border:  ridge 5px #666699;
  background-color:  #cfcfcf;
  font-size:  10pt;
  padding-left:  3px;
  padding-right:  3px;
  padding-top:  2px;
  padding-bottom:  2px;
  color:  #336633;
}

#optionstbl input {
  font-size:  8pt;
  background-color:  #dbfd76;
  color:  #663333;
}

#optionstbl select {
  font-size:  8pt;
  background-color:  #dbfd76;
  color:  #663333;
}

#optionstbl #opt_title {
  background-color:  #333355;
  color:  #cc5555;
  text-align:  left;
  font-size:  11pt;
  font-weight: bold;
  height:  22px;
}

#optionstbl #opt_hide {
  background-color:  #333355;
}

#optionstbl #opt_toggle {
  color:  #cc5555;
  text-decoration:  none;
}