/*
 *  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'
 */
#DoND-display-root *
{
  margin: 0;
  padding: 0;
}
#DoND-display-root
{
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  font-family: Verdana,helvetica,sans-serif;
  font-size: 8pt;
  font-weight: 400;
  width: 282px;
}
a
{
  color: #00f;
}
#head
{
  float: left;
}
  #reset
  {
    float: right;
    margin-right: 3px;
  }
#caseDiv
{
  clear: both;
  float: left;
  width: 100%;
  /*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;
  }
  #caseDiv span.notClicked
  {
    background-image: url(case_notClicked.gif);
    cursor: pointer;
  }
  #caseDiv span.notClicked:hover
  {
    background-image: url(pretty_model.gif);
    cursor: pointer;
  }
  #caseDiv span.outOfPlay
  {
    background-image: url(case_outOfPlay.gif);
    color: #656;
  }
  #caseDiv span.playersCase
  {
    background-image: none;
    cursor: default;
    text-decoration: underline;
    font-style: italic;
  }
#playarea
{
  clear: both;
  margin-top: 2px;
}
  #strikeAmts
  {
    float: left;
    width: 100px;
    border: solid #000;
    border-width: 1px 1px 1px 0;
  }
    #strikeAmts tr
    {
      border: none;
    }
      #strikeAmts tr th
      {
        border: solid #000;
        border-width: 0 0 1px 0;
        text-align: center;
        font-weight: 600;
      }
      #strikeAmts tr td
      {
        width: 57px;
        text-align: center;
      }
      #strikeAmts tr td.struck
      {
        text-decoration: line-through;
        background-color: #fff;
        color: #ccc;
      }
  #interface
  {
    float: left;
    width: 181px;
  }
    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;
      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;
  height: 40px;
  width: 282px;
  list-style-type: none;
  border: solid #000;
  border-width: 0 0 1px 0;
}
  #bankofferHistory li
  {
    display: block;
    float: left;
    margin-left: 5px;
  }
p.foot
{
  clear: both;
  font-size: 85%;
  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;
  }