<!--

  /***************************************/
  /* Simple style sheet for Sudoku games */
  /***************************************/

  body       { font-family: helvetica,Arial,"Dom Casual","Sans Serif", sans-serif;
               font-size: 10pt;
               font-weight: normal;
               font-style: normal;
               text-align: center;
               line-height: normal;
               color: #000000;
               background-color: #ddd }

  a:link     { color: #006699 }
  a:active   { color: #FF3300 }
  a:visited  { color: #CC6600 }

  h1         { font-size: 18pt; 
               line-height: normal;
               font-weight: bold }

  h2         { font-size: 16pt; 
               line-height: normal;
               font-weight: bold }

  h3         { font-size: 14pt; 
               line-height: normal;
               font-weight: bold }

  table.puzl { border: 3px solid black;
  	       border-collapse: collapse;
               margin-top: 2px;
               cell-padding: 5px;
               background-color: #FFFFFF }

  table.lgd  { border: 1px solid gray;
  	       align: center;
  	       border-collapse: collapse;
               margin: auto;
               margin-top: 10px;
               font-size: 8pt;
               background-color: #DDF }

  td.l       { padding-top: 1px; padding-bottom: 1px; padding-left: 10px; padding-right: 10px; border: 1px solid gray; } 

  td.nmlw     { font-size: 12pt;
               font-weight: bold;
	       width: 32px;
               height: 32px;
  	       border: 1px solid black;
               text-align: center;
               vertical-align: middle;
               line-height: 16pt } 

  td.leftw    { font-size: 12pt;
               font-weight: bold;
	       width: 30px;
               height: 32px;
  	       border-top: 1px solid black;
  	       border-left: 3px solid black;
  	       border-right: 1px solid black;
  	       border-bottom: 1px solid black;
               text-align: center;
               vertical-align: middle;
               line-height: 16pt } 

  td.topw     { font-size: 12pt;
               font-weight: bold;
	       width: 32px;
               height: 30px;
  	       border-top: 3px solid black;
  	       border-left: 1px solid black;
  	       border-right: 1px solid black;
  	       border-bottom: 1px solid black;
               text-align: center;
               vertical-align: middle;
               line-height: 16pt } 

  td.topleftw { font-size: 12pt;
               font-weight: bold;
	       width: 30px;
               height: 30px;
  	       border-top: 3px solid black;
  	       border-left: 3px solid black;
  	       border-right: 1px solid black;
  	       border-bottom: 1px solid black;
               text-align: center;
               vertical-align: middle;
               line-height: 16pt; } 

  td.nmlg     { font-size: 12pt;
               font-weight: bold;
	       width: 32px;
               height: 32px;
  	       border: 1px solid black;
               text-align: center;
               vertical-align: middle;
               background-color: #eef;
               line-height: 16pt } 

  td.leftg    { font-size: 12pt;
               font-weight: bold;
	       width: 30px;
               height: 32px;
  	       border-top: 1px solid black;
  	       border-left: 3px solid black;
  	       border-right: 1px solid black;
  	       border-bottom: 1px solid black;
               text-align: center;
               vertical-align: middle;
               background-color: #eef;
               line-height: 16pt } 

  td.topg     { font-size: 12pt;
               font-weight: bold;
	       width: 32px;
               height: 30px;
  	       border-top: 3px solid black;
  	       border-left: 1px solid black;
  	       border-right: 1px solid black;
  	       border-bottom: 1px solid black;
               text-align: center;
               vertical-align: middle;
               background-color: #eef;
               line-height: 16pt } 

  td.topleftg { font-size: 12pt;
               font-weight: bold;
	       width: 30px;
               height: 30px;
  	       border-top: 3px solid black;
  	       border-left: 3px solid black;
  	       border-right: 1px solid black;
  	       border-bottom: 1px solid black;
               text-align: center;
               vertical-align: middle;
               background-color: #eef;
               line-height: 16pt; } 

  tr         { padding-top: 0px }

  input      { font-size: 10pt; line-height: normal; padding: 2px; margin: 2px; }
  input.text { font-size: 10pt; line-height: normal; font-family: Courier,monospace,Serif,serif; }

  input.btn{
   color:#006;
   font-size:84%;
   font-weight:bold;
   background-color:#ccf; }

  form       { font-size: 10pt; line-height: normal; padding: 0px; margin: 0px; }
  form.prt   { font-size: 10pt; line-height: normal; padding: 0px; padding-top: 10px; margin: 0px; }

  select     { font-size: 10pt;
               line-height: normal; }

  textarea   { font-family: Arial,"Dom Casual","Sans Serif",sans-serif;
               font-size: 10pt; 
               line-height: normal; }

  p          { color: black;
               font-size: 10pt;
               line-height: normal;
               text-indent: 4% }

  p.noindent { color: black;
               font-size: 10pt;
               padding: 0px;
               line-height: normal;
               text-indent: 0% }

  #myframe {
    width: 600px;
    border: 0px;
    height: 680px;
    max-height: none;
    background-color: #EEEEEE;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 5px;
    text-align: center;
  }

  #inst { clear: both; 
          font-size: 10pt; 
          line-height: normal; 
          text-indent: 15px; 
          padding-left: 10px; 
          padding-right: 10px; 
          padding-top: 0px; 
          padding-bottom: 10px; 
          text-align: left;
   }

  #puz {
    float: none;
    clear: both;
    width: 318px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    padding-bottom: 2px;
    background-color: #eee;
  }

  #score {
    float: none; 
    clear: both;
    padding: 0px;
    margin: auto; 
    margin-bottom: 20px;
    width: 290px; 
    font-size: xx-small; 
    text-align: right
  }

  #controls {
    float: none;
    clear: both;
    padding-top: 0px; 
    padding-left: 10px; 
    padding-right: 10px; 
    padding-bottom:0px; 
    margin: 0px;
  }

  #ctltext { text-align: left; text-indent: 15px; line-height: normal; font-size: 10pt; padding: 0px; margin: 0px; }

  #ctls { text-align: center; text-indent: 15px; line-height: normal; font-size: 10pt; padding: 0px; margin: 0px; }

  #legend { float: none; clear: both; text-align: center; line-height: normal; font-size: 8pt; padding: 0px; margin: auto; }

  @media print {
    #controls, #legend { display: none; }
  }

-->