/* CountOn Sudoku Regular CSS (style.css) */

input.grid
{
  width: 33px;
  height: 33px;
  border: 0px solid #FDFBEC;
  font-family: Arial;
  font-size: 24px;
  background-color: #FFF;
  font-weight: bold;
  text-align:center;
  vertical-align:absmiddle;
  padding-top: 1px;
}


input.grid_custom
{
  width: 33px;
  height: 33px;
  border: 0px solid #FDFBEC;
  background-color: #FFF;
  font-family: Arial;
  font-size: 24px;
  font-weight: bold;
  text-align:center;
  vertical-align:absmiddle;
  padding-top: 1px;
  color: #405097;
}

input.grid_solution
{
  width: 33px;
  height: 33px;
  border: 0px solid #FDFBEC;
  background-color: #E9F3E9;  font-family: Arial;
  font-size: 24px;
  font-weight: bold;
  text-align:center;
  vertical-align:absmiddle;
  padding-top: 1px;
  color: #00aa00;
}

input.grid_correct
{
  width: 33px;
  height: 33px;
  border: 1px solid #FDFBEC;
  background-color: #E9F3E9;  font-family: Arial;
  font-family: Arial;
  font-size: 24px;
  font-weight: bold;
  text-align:center;
  vertical-align:absmiddle;
  padding-top: 1px;
  color: #00aa00;
}

input.grid_wrong
{
  width: 33px;
  height: 33px;
  border: 1px solid #FDFBEC;
  background-color: #EDDEDE;  font-family: Arial;
  font-family: Arial;
  font-size: 24px;
  font-weight: bold;
  text-align:center;
  vertical-align:absmiddle;
  padding-top: 1px;
  color: #FF0000;
}

input.grid_hint
{
  width: 33px;
  height: 33px;
  border: 1px solid #FDFBEC;
  font-family: Arial;
  font-size: 24px;
  font-weight: bold;
  text-align:center;
  vertical-align:absmiddle;
  padding-top: 1px;
  color: #000;
  background-color: #cccc99;
}



table#grid
{
  border: 2px solid #000;
  padding: 0px 0px 0px 0px;
  border-spacing:0px;
  margin:0px 0px 0px 0px;
}

td#grid
{
  border: 1px solid #BBB;
  border-spacing:0px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

td#vertical_break
{
  padding-left: 1px;
  background-color:#666633;
}

td#horizontal_break
{
  padding-top: 1px;
  background-color:#666633;
}

body
{
  width:100%px;
  height:100%;
  margin:0px 0px 0px 0px;
  background-color: #FFF;
}

img
{
  border:0px;
}

.red
{
  color:#CC0000;
}

#menu
{
  visibility:hidden;
  position:absolute;
  top:0px;
  left:0px;
  width:780px;
  height:117px;
  background-image: url(../assets/menu-background.gif);
}

#menu-elements
{
  position:relative;
  top:42px;
  left:72px;
  width:660px;
  font-weight:bold;
  text-align:center;
  vertical-align:top;
}

#menu-elements table
{
  width: 660px;
  border:0px solid;
}

#menu-elements td, a
{
  font-family:Verdana;
  color:#cc0000;
  font-size:11px;
  text-decoration:none;
}

#menu-elements a:hover
{
  text-decoration:underline;
}

#symbols
{
  visibility:hidden;
  position:absolute;
  left:93px;
  top:155px;
  height:45px;
  width:90px;
}

#sudoku-header
{
  visibility:hidden;
  position:absolute;
  left:271px;
  top:128px;
  width:240px;
  height:75px;
}

#sudoku-header-printable
{
  position:absolute;
  left:271px;
  top:128px;
  width:240px;
  height:75px;
}

#counton-logo
{
  visibility:hidden;
  position:absolute;
  left:570px;
  top:160px;
  height:32px;
  width:150px;
  filter:alpha(opacity=75);
  moz-opacity:0.75;
  opacity: 0.75;
}

#difficulty
{
  visibility:hidden;
  position:absolute;
  top:260px;
  left:75px;
  width:122px;
  height:232px;
  background-image:url(../assets/difficulty-background.gif);
  background-repeat: no-repeat;
}

#difficulty-title
{
  position:relative;
  top:10px;
  left:19px;
  width: 85px;
  height:51px;
  text-align:center;
}

#difficulty-options
{
  position:relative;
  top:20px;
  left:0px;
  font-family:Helvetica;
  color:#666633;
  font-weight:bold;
  font-size:12px;
  text-align:center;
}

#difficulty-options a
{
  color:#666633;
  font-size:13px;
}

#difficulty-options a:hover
{
  text-decoration:underline;
}

#legend
{
  visibility:hidden;
  position:absolute;
  top:500px;
  left:70px;
  width:122px;
  height:132px;
}

.legend_text
{
  padding-left:5px;
  font-family:Helvetica;
  font-size:12px;
  font-weight:bold;
  color:#666633;
  background-color:#fff9cb;
}

#breadcrumb
{
  position:absolute;
  left:220px;
  top:230px;
}

#breadcrumb table
{
  width:333px;
  font-family:Verdana;
  font-size:12px;
  color:#000;
}

#central-grid
{
  position:absolute;
  top:260px;
  left:223px;
  width:404px;
  height:404px;
}

#index-text
{
  position:absolute;
  left:222px;
  top:600px;
  width:308px;
  font-size:16px;
  font-weight:bold;
  color:#cc0000;
  font-family:verdana;
  border:1px solid #CCCC99;
  padding:8px 10px 8px 10px;
  background-color:#FEF9D6;
  text-align:center;
}

#daily-sudoku
{
  visibility:hidden;
  position:absolute;
  top:260px;
  left:585px;
  width:126px;
  height:177px;
}

#sudoku-by-id
{
  visibility:hidden;
  position:absolute;
  top:460px;
  left:584px;
  background-image:url(../assets/sudoku-by-id-background.gif);
  background-repeat: no-repeat;
  width:126px;
  height:145px;
}

#sudoku-by-id-title
{
  position:relative;
  top:10px;
  left:27px;
  width: 69px;
  height:48px;
  text-align:center;
}

#sudoku-by-id-form
{
  position:absolute;
  top:60px;
  left:30px;
  font-family:Verdana;
  color:#666633;
  font-weight:bold;
  font-size:12px;
  line-height:25px;
}

#sudoku-by-id-play
{
  position:relative;
  top:40px;
  left:31px;
  width:66px;
  height:25px;
}

#sudoku-by-id-form input
{
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  color:#cc0000;
  width:70px;
  background-color:#fff9cb;
  text-align:center;
}

#sudoku-link
{
  position:absolute;
  left:0px;
  top:640px;
  width:780px;
  text-align:center;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
}

#sudoku-link a
{
  font-size:11px;
  color:#000;
}

#internals
{
  visibility:hidden;
  position:absolute;
  text-align:left;
  left:0px;
  top:680px;
  width:780px;
  text-align:center;
}

#internals table
{
  width:200px;
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  color:#CC0000;
}

#internals-td
{
  padding:0px 0px 0px 0px;
  background-color:#cccc99;
  background-image:url(../assets/internal-options-background.gif);
}

#internals input
{
  cursor:hand;
  border-width:0px;
  cursor:hand;
  background-color:#cccc99;
  color:#cc0000;
  font-weight:bold;
  padding:0px 5px 0px 5px;
  text-align:left;
  font-size:11px;
  font-family:Verdana;
}

#central-content
{
  position:absolute;
  left:210px;
  top:230px;
  border:1px solid #cccc99;
  width:342px;
  background-color:#FEF9D6;
  padding:0px 5px 5px 10px;
  font-size:12px;
  color:#000;
  font-family:Verdana;
}

#central-content h1
{
  padding-top: 5px;
  font-size:15px;
  color:#cc0000;
  font-family:Verdana;
}

#central-content p,li
{
  font-size:11px; color:#000; font-family:Verdana;
}

.email-to-friend
{
  background-color:#FEFBE8;
  font-family:verdana;
  color:#333333;
  border:1px solid #CCCC99;
  font-size:13px;
}


#copyright
{
  visibility:hidden;
  position:absolute;
  top:2px;
  left:588px;
  text-align:right;
  font-family:Verdana;
  font-size:10px;
  text-align:left;

}

#copyright a
{
  font-size:10px;
}

#copyright a:hover
{
  text-decoration:underline;
}

#printable-back
{
  position:absolute;
  left:250px;
  top:690px;
  text-align:center;
  font-family:Verdana;
  font-size:12px;
}

#printable-back a
{
  color:#000;
  font-size:12px;
}

#printable-back a:hover
{
  text-decoration:underline;
}