/*////////////////////////////////////////////////////////////////////////////
// FILE    : sudoku.css
// PURPOSE : Cascading style sheets for Sudoku
////////////////////////////////////////////////////////////////////////////*/

h2.sdk
{
  font-size:           14pt;
  font-weight:         normal;
  color:               #404040;
  border-top:          0px;
}

div.SdkLft
{
  font-family:         arial; 
  font-size:           8pt;
  color:               #404040;
  background-color:    #ff0000;
  width:               255px; /* 248 + 7  */
  height:              265px; /* 248 + 14 */
}

div.SdkRgh
{
  float:               right;
  font-family:         arial; 
  font-size:           8pt;
  color:               #404040;
  background-color:    #0000ff;
  width:               255px; /* 248 + 7  */
  height:              265px; /* 248 + 14 */
}

div.sdk
{
  float:               left;
  font-family:         arial; 
  font-size:           8pt;
  color:               #404040;
  background-color:    #ffffff;
  margin:              1pt 0pt 0pt 1pt;  /* top right bottom left */
  width:               255px; /* 248 + 7  */
  height:              265px; /* 248 + 14 */
  text-align:          left;
}

table.sdk2
{
  border-collapse:     collapse;
  text-align:          left;
  width:               99%; /* 4*2 + 6*1 + 9*26(celda) = 248 */
  height:              248px;
  background-color:    #ffffff;
}


table.sdk
{
  border-collapse:     collapse;
  text-align:          center;
  width:               248px; /* 4*2 + 6*1 + 9*26(celda) = 248 */
  height:              248px;
  background-color:    #404040;
}


table.sdk td
{
  padding:             0px 0px 0px 0px; /* arriba derecha abajo izquierda */
  background-color:    #fefefe;
  text-align:          center;
  width:               26px;
  height:              26px;
}


/* classic sudoku layout                       top rhg btm lft */
table.sdk td      { border-style: solid; border-color: #404040; }
table.sdk td.bb08 { line-height:  8px; border-width: 2px 1px 1px 2px; }
table.sdk td.bm08 { line-height:  8px; border-width: 2px 1px 1px 0px; }
table.sdk td.be08 { line-height:  8px; border-width: 2px 2px 1px 0px; }
table.sdk td.mb08 { line-height:  8px; border-width: 0px 1px 1px 2px; }
table.sdk td.mm08 { line-height:  8px; border-width: 0px 1px 1px 0px; }
table.sdk td.me08 { line-height:  8px; border-width: 0px 2px 1px 0px; }
table.sdk td.eb08 { line-height:  8px; border-width: 0px 1px 2px 2px; }
table.sdk td.em08 { line-height:  8px; border-width: 0px 1px 2px 0px; }
table.sdk td.ee08 { line-height:  8px; border-width: 0px 2px 2px 0px; }

table.sdk td.bb14 { line-height: 14px; border-width: 2px 1px 1px 2px; }
table.sdk td.bm14 { line-height: 14px; border-width: 2px 1px 1px 0px; }
table.sdk td.be14 { line-height: 14px; border-width: 2px 2px 1px 0px; }
table.sdk td.mb14 { line-height: 14px; border-width: 0px 1px 1px 2px; }
table.sdk td.mm14 { line-height: 14px; border-width: 0px 1px 1px 0px; }
table.sdk td.me14 { line-height: 14px; border-width: 0px 2px 1px 0px; }
table.sdk td.eb14 { line-height: 14px; border-width: 0px 1px 2px 2px; }
table.sdk td.em14 { line-height: 14px; border-width: 0px 1px 2px 0px; }
table.sdk td.ee14 { line-height: 14px; border-width: 0px 2px 2px 0px; }


table.sdk i /* working values */
{
  font-family:         arial, helvetica; 
  font-weight:         normal;
  font-style:          normal;
}


table.sdk i.err /* errors */
{
  font-size:           14pt;
  color:               #00ff00;
}


table.sdk i.ini /* input values */
{
  font-size:           14pt;
  font-weight:         bold;
  color:               #404040;
}


table.sdk i.fix /* solution values */
{
  font-size:           14pt;
  color:               #0000d0;
}


table.sdk i.fnw /* new: found in this step */
{
  font-size:           14pt;
  color:               #EB1400;
}


table.sdk i.mul /* solution values */
{
  font-family:         "courier new", courier; 
  font-size:           8pt;
  font-style:          italic;
  font-weight:         normal;
  color:               #0000d0;
}


table.sdk i.mnw /* new: changes in the working values */
{
  font-family:         "courier new", courier; 
  font-size:           8pt;
  font-style:          italic;
  font-weight:         normal;
  color:               #EB1400;
}


div.sdk p.rm /* remarks */
{
  font-family:         arial; 
  font-weight:         normal;
  margin:              2px 2px 0px 0px;
  line-height:         10px;
  font-size:           8pt;
  color:               #0000d0;
}