<!--

  /*******************************************/
  /* Simple style sheet for Sudoku solutions */
  /*******************************************/

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

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

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

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

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

  table      { border: 3px solid black;
  	       border-collapse: collapse;
               background-color: #FFFFFF }

  td.nmlw         { font-size: 10pt;
	       width: 20px;
               height: 20px;
  	       border: 1px solid black;
               text-align: center;
               vertical-align: middle;
               line-height: 14pt } 

  td.leftw    { font-size: 10pt;
	       width: 20px;
               height: 20px;
  	       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: 14pt } 

  td.topw     { font-size: 10pt;
	       width: 20px;
               height: 20px;
  	       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: 14pt } 

  td.topleftw { font-size: 10pt;
	       width: 20px;
               height: 20px;
  	       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: 14pt } 

  td.nmlg     { font-size: 10pt;
	       width: 20px;
               height: 20px;
  	       border: 1px solid black;
               text-align: center;
               vertical-align: middle;
               background-color: #EEF;
               line-height: 14pt } 

  td.leftg    { font-size: 10pt;
	       width: 20px;
               height: 20px;
  	       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: 14pt } 

  td.topg     { font-size: 10pt;
	       width: 20px;
               height: 20px;
  	       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: 14pt } 

  td.topleftg { font-size: 10pt;
	       width: 20px;
               height: 20px;
  	       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: 14pt } 

  tr         { padding-top: 0px }

  input      { font-size: 11pt; line-height: 14pt; }

  input.text { font-size: 10pt; line-height: 14pt; font-family: Courier,monospace,Serif,serif; }

  input.btn{
   color:#006;
   font-size:84%;
   font-weight:bold;
   background-color:#ccf;/*
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363; */}


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

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

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

  p.noindent { color: black;
               font-size: 11pt;
               line-height: 14pt;
               text-indent: 0% }

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

  #puzl {
    float: left;
    text-align: left;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    background-color: #EEE;
  }

  #soln {
    float: right;
    text-align: left;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background-color: #EEE;
  }

-->