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

input.grid
{
  width: 33px;
  height: 33px;
  border: 0px solid #FDFBEC;
  font-family: Arial;
  font-size: 24px;
  background-color: #FDFBEC;
  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: #FDFBEC;
  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 #666633;
  padding: 0px 0px 0px 0px;
  border-spacing:0px;
  margin:0px 0px 0px 0px;
}

td#grid
{
  border: 1px solid #cccc99;
  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:780px;
  height:100%;
  margin:0px 0px 0px 0px;
  background-color: #FFF9CB;
  background-image: url(../assets/body-background.gif);
  background-repeat:repeat-y;
  padding-bottom:20px;
  margin-bottom:20px;
}

img
{
  border:0px;
}

.red
{
  color:#CC0000;
}

#congratulations
{
  z-index:1;
  position:absolute;
  width:400px;
  height:83px;
  top:680px;
  left:200px;
  text-align:center;
  background-color: #E9F3E9;
  color:#00aa00;
  border: 1px solid #33CC33;
  line-height:13px;
  padding-top:10px;
}

.congratulations { font-size:20px; font-weight:bold; font-family:verdana;}
.congratulations-text { font-size:12px; font-weight:bold; font-family:verdana; color:#006600;}

#congratulations a { color:#00aa00; font-weight:bold;}



#sorry
{
  z-index:1;
  position:absolute;
  width:400px;
  height:83px;
  top:680px;
  left:200px;
  text-align:center;
  background-color: #FFE2E2;
  color:#FF0000;
  border: 1px solid #990000;
  line-height:13px;
  padding-top:10px;
}

.sorry { font-size:20px; font-weight:bold; font-family:verdana;}
.sorry-text { font-size:12px; font-weight:bold; font-family:verdana; color:#990000;}

#sorry a { color:#FF0000; font-weight:bold;}


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

#menu-elements
{
  position:relative;
  top:42px;
  left:110px;
  width:560px;
  font-weight:bold;
  text-align:center;
  padding-left:50px;
  vertical-align:top;
}

#menu-elements table
{
  width: 560px;
  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
{
  position:absolute;
  left:600px;
  top:155px;
  height:45px;
  width:90px;
}

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

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


#difficulty
{
  position:absolute;
  top:460px;
  left:585px;
  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;
  text-align:center;
  font-size:11px;
}

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

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

#legend
{
  position:absolute;
  top:520px;
  left:53px;
  width:122px;
  height:132px;
}

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

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

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

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

#index-text
{
  position:absolute;
  left:200px;
  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
{
  position:absolute;
  top:260px;
  left:585px;
  width:126px;
  height:177px;
}

#sudoku-by-id
{
  position:absolute;
  top:710px;
  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:70px;
  left:30px;
  font-family:Verdana;
  color:#666633;
  font-weight:bold;
  font-size:0.8em;
  line-height:25px;
}

#sudoku-by-id-play
{
  position:relative;
  top:45px;
  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:200px;
  top:640px;
  width:780px;
  text-align:left;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
}

#sudoku-link a
{
  font-size:1em;
}

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

#internals table
{
  width:200px;
  font-size: 12px;
  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:185px;
  top:260px;
  border:1px solid #cccc99;
  width:342px;
  background-color:#FEF9D6;
  padding:0px 5px 5px 10px;
  font-size:0.9em;
  color:#000;
  font-family:Verdana;
}

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

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

#central-content a
{
  font-size:1em;
}

#central-content a:hover
{
  text-decoration:underline;
}

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

.copyright
{
  font-size:10px;
}

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

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

#printable-back a
{
  color:#000;
  font-size:0.8em;
}

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

#copyright-sudoku
{
  position:absolute;
  top:790px;
  left:0px;
  text-align:center;
  width:780px;
  font-size:10px;
  vertical-align:bottom;
}

#copyright-content
{
  position:relative;
  top:40px;
  left:0px;
  text-align:center;
  font-size:10px;
  vertical-align:bottom;
}

#copyright-index
{
  position:absolute;
  left:0px;
  top:680px;
  text-align:center;
  width:735px;
  font-size:10px;
  vertical-align:bottom;
}