body {
   background-color:#fefef0;
   margin:0;
   padding:0;
   }
div {
    margin:0;
	padding:0;
	font-family:Verdana, sans-serif, Helvetica, Arial, Courier, Times, Times New Roma;
   }	
.floatleft {
   float:left;
   }
.floatright {
   float:right;
   }   
.clearfloat {
   clear:both;
   }
#container {
   position:relative;
   width:1048px;
   background-color:#fefef0;
   margin:0 auto;
   padding:0;
  }
#header {
   width:1048px;
   text-align:left;
   background-color: #fefef0;
   padding:0;
   margin:0;
   height:68px;
  }
#headerl{
   width:255px;
   height:68px;
   float:left;
   margin:0;
   padding:0;
}
#headerr{
   width:793px;
   float:left;
   margin:0;
   padding:0;
}     
#titlepic {
   margin:6px 0 0;
  }
#title {
   text-align:right;
   height:26px;
}   
h1, h2, h3, h4, h5, p {
   margin:0;
   padding:5px;
  }
#title h1 {
   font-size:0.7em;
   color:#a0522d;
   padding:3px 3px 0 0;
  }
h3 {
   color:#333333;
  } 
#hnavigator {
   width:793px;
   margin:0;
   padding:0;
  }
#hnavigator .rfiller {
    padding: 0 2.5em;
    color:#ffffff;
	}
.mainnav, #hnavigator .rfiller {
    float:left;
    display:inline;
	height:20px;
    text-align:center;
    font-size:0.7em;
	line-height:20px;
	font-weight:bold;
    border: 1px solid #efefc8;
    text-decoration: none;
   }
#hnavigator .rfiller {
   margin-left:20px;
   background-color:#6666ff;
  }
#hnavigator .rfiller:hover {
  background-color:#0000ff;
  }
.mainnav {
	margin:0 15px;
    background-color: #eeeed0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    padding: 0 2.5em;
  }  
.mainnav:hover {
    background-color: #f2f2d4;
   }	
.mainnav:link { 
    color: #777755; 
   }
.mainnav:visited { 
    color: #777755; 
   }
.mainnav:hover {
    color: #000000;
   }
#active {
    background-color: #fbfbe5;
   }  
#active:link {
   color:#555550;
  }
#active:visited {
   color:#555550;
  }
#active:hover {
	background-color:#fdfdf0;
	color:#000000;
}
#hnavigator2 {
   margin:0;
   padding:0;
  }
#levelblock {
    float:left;
    margin:5px 0 0 196px ;
    padding:0;
  }
#eptlt {
    display:inline;
	margin:5px 0 0 250px;
    font-size:0.85em;
   }	
#exep {
    font-size:0.8em;
    margin-left:70px;
  }	
#eptlts {
    display:inline;
	margin:5px 0 0 60px;
    font-size:0.85em;
   }	
#exeps {
    font-size:0.8em;
    margin-left:70px;
  }	
.navlist {
    float:left;
	min-width:85px;
    padding:0 8px;
	height:18px;
    margin: 0 10px 0 0;
    font-size:0.75em;
	line-height:18px;
	text-align:center;
    color: #555555; 
	font-weight:bold;
    text-decoration: none;
    border: 2px solid #90b490;
	background-color:#b0d6b0;
	cursor:pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
   }
.navlist:hover {
   background-color:#c0e1c0;
}   
#current2 {
   background-color:#009900;
	color:#ffffff;
   }   
#rsidebar {
   float:right;
   width:160px;
   margin:0;
   padding:0;
  }   
#rsidebar2 {
   float:right;
   width:160px;
   margin:0 40px 0 0;
   padding:0;
  }   
#cblock {
   float:left;
   width:768px;
  }
#cblockr {
   float:right;
   width:563px;
  }
#cblockr_t {
   margin:7px 0 0;
}
#cblockr_l {
   float:left;
   width:496px;
 }
#cblockl {
   float:left;
   width:145px;
   }
#leftcol {
   float:left;
   margin:2px 0 0 3px;
   width:67px;
  }
#middlecol {
    float:left;
    width:366px;
	margin:1px 0 0 0;
   }
#rightcol {
    float:left;
	width:40px;
	padding:0;
	margin:0 0 0 0;
   }
#bcmsg {
    clear:both;
    padding:0 0	4px 0;
	height:12px; 
	font-size: 0.75em; 
	font-weight:500;
	color:#d5452a;
	text-align:center;
    }
#pztitle {
   margin:12px 0 0 71px;
   float:left;
   width:365px;
  }   
#pztitle h2, #solvertitle h2, #rptitle h2 {
    display:inline;
    margin:0 0 0 5px;
	padding:0;
	font-size:0.9em;
    color:#a0522d;
   }
#solvertitle {
   float:left;
   margin:12px 0 0 35px;
   width:365px;
   }   
#puzzlenotitle {
	display:inline;
    color:#6a5acd;
	font-size:0.72em;
    font-weight:400;
	padding:0;
	margin:0 0 0 4px;
   }	
#saveblk {
    float:left;
    padding:0;
    margin:0 0 0 5px;
    height:45px;
	width:120px;
   }	
.rightad_160 {
   width:160px;
   height:600px;
   margin:38px 0 0 0;
   padding:0;
}
   #savep {
	 padding: 0;
	 margin-left:0;
	 font-size:13px;
	 color:#3a2a8d;
   }
   .pad1 {
	  padding-left:8px !important;
   }   
   #savegame {
	 display:none;
     margin:8px 0 0 3px;
	 padding:0;
	 font-size:11px;
	 color:#3a2a8d;
   }   
   #savegame p{
	   padding:2px 0;
   }	   
#footer {
   clear:both;
   width:100%;
   text-align:center;
   padding:0;
   margin: 100px 0 0 70px;
  }
#tips, #tips3 {
   width: 108px;
   margin-left: 20px;
   padding:0px;
   background-color:#fefef6;
   color:#000000;
   }
#tips3 {
   margin-top:52px;
   }   
#tips3 h5 {
   font-size:0.7em;
   margin:0;
   padding:21px 0 0 8px;
  }
#tips3 p {
   font-size:0.7em;
   margin:0;
   padding:7px 10px 25px;
   line-height:16px;
  }  
#content1 {
    padding:0;
	margin:0;
	text-align:center;
	position:relative;
	z-index:1;
   } 
#content2 {
    clear:both;
	color:#333333;
	text-align:left;
	padding:8px 0 0 5px;
	position:relative;
	z-index:2;
   }
#controlpanel {
	width:353px;
   }
#controlpanel2 {
    clear:both;
    padding:20px 0 0 0;
    margin:0;
	width:353px;
   }
#content3 {
    clear:both;
    padding:22px 0 0 0;
}	
.nttxt {
    margin: 30px 8px 3px 3px;
	color: #333333;
	font-size:0.8em;
	padding:0;
}	
#archive {
    float:left;
    height:45px;
	margin:0;
	padding:0;
    }	
#archive p  {
    padding:0;
	margin:0;
	font-size:0.72em;
	color:#666666;
   }
#numberoption {
    float:left;
	margin:2px 0 0 0;
	}	
#pm {
   margin:8px 0 7px 0;
   width:60px;
   border:1px solid #dddddd;
   padding:0 0 4px 0;
  }   
#pencil, #colorbox {
	width:60px;
	margin: 0;
   }
#colorbox {
  margin-top:16px;
}
.chkbox {
   padding:0;
   margin:0;
   width:14px;
   height:14px;
  }
.outchkbox {
   width:12px;
   height:12px;
   border:1px solid #bbbbbb;
   background-color:#ffffff;
   margin:0;
   padding:0;
   }
.chkbximg, .checkedimg {
 width:10px;
 height:10px;
 margin:1px;
 padding:0;
}
.chkbximg {
  background:url(../img/bimg2.png) -66px 0;
 }
.checkedimg {
  background:url(../img/bimg2.png) -66px -11px;
 }
#pencilpic {
   float:left;
   margin:4px 0 0 0;
   width:38px;
   height:20px;
   text-align:center;
   background-color:#fffff0;
}
.pmimg {
  background:url(../img/bimg2.png) 0 -23px;
}
.pmimgo {
  background:url(../img/bimg2.png) -39px -23px;
}
#colorpic{
   float:left;
   margin:4px 0 0 0px;
   width:36px;
   height:18px;
   border:1px solid #888888;
 } 
#cpencilpic {
  margin:5px 0 0;
  width:60px;
 }
#cpmpic{
  margin:3px auto;
  width:38px;
  height:20px;
 } 
.npmimg {
  background:url(../img/bimg2.png) 0 -44px;
}
.npmimgo {
  background:url(../img/bimg2.png) -39px -44px;
}
#convbox {
  width:50px;
  margin:5px auto 0;
  }   
#convp {
	margin:3px auto;
    width:38px;
    height:20px;
	cursor:pointer;
  }
.cvtimg {
  background:url(../img/bimg2.png) 0 -111px;
}
.cvtimgo {
  background:url(../img/bimg2.png) -39px -111px;
}
#autoconv {
   margin:5px 0 0 3px;
   padding:0;
   height:18px;
  } 
#actxt {
  float:left;
  margin:2px 0 0 0;
  }  
#actxt p {
   font-size:0.75em;
   font-weight:bold;
   line-height:18px;
   margin:0;
   padding:0;
   color:#333333;
   display:inline;
  }
#chkbxclr, #chkbxpn, #chkbxrc {
   float:left;
   padding:0;
   margin:7px 1px 0 3px;
   width:14px;
  }
 #acchkbx {
   float:left;
   padding:0;
   margin:5px 0 0 2px;
   width:18px;
   cursor:pointer;
  }
#ccolorpic {
   margin:3px auto 0;
   width:38px;
   height:20px;
}
.ccimg {
  background:url(../img/bimg2.png) 0 -65px;
}
.ccimgo {
  background:url(../img/bimg2.png) -39px -65px;
}

.cbxt {
   float:left;
   width:8px;
   height:8px;
   border-right:1px solid #888888;
   border-bottom:1px solid #888888;
   }   
.cbxb {
   float:left;
   width:8px;
   height:9px;
   border-right:1px solid #888888;
   }
.cbxr {
    border-right:none;
	width:9px;
   } 
#cbx1 {
   background-color:#ffff77;
}   
#cbx2, #cbx3, #cbx4, #cbx5, #cbx7, #cbx8  {
   background-color:#fffff0;
}   
#cbx6 {
   background-color:#ff8945;
}   
.cboxclr {
    padding:0;
	margin: 1px;
	width:10px;
	height:10px;
	border:1px solid dimgray;
  }
#clroption1 {
   margin:10px 0 0 6px;
   }	
#clroption2 {
    margin:10px 0 0 0;
   }	
#cboxclr3 {
   margin-left:1px;
   }
#cbox1 {
	background-color:#9aff67;
   }	
#cbox2 {
	background-color:#ffff77;
   }	
#cbox3 {
	background-color:#ff8945;
   }	
#cbox4 {
	background-color:#45bfff;
   }	
#cbox5 {
	background-color:#fffff0;
   }
#cclrbtn {
  width:60px;
  margin:10px 0 0;
  }	
#relatecells {
  margin:16px 0 0;
  width:60px;
 }  
#relatedpic {
  float:left;
  width:35px;
  height:24px;
  margin:2px 0 0 3px;
  }
.rcicon {
  background:url(../img/bimg2.png) 0 -86px;
}  
.rcicono {
  background:url(../img/bimg2.png) -36px -86px;
}  
#btimer {
  width:60px;
  height:25px;
  text-align:center;
  margin:16px 0 0;
}
#btimer p {
  padding:0;
  font-size:0.75em;
  line-height:25px;
}
#bundo, #bredo {
  width:47px;
} 
#bundo2 {
   width:38px;
   }
#breset {
  width:62px;
}
#breset2 {
  width:45px;
}
#bsolution {
  width:103px;
  margin-right:0;
}
#bdone {
  width:60px;
  margin-right:0;
}
#ssltn {
  width:65px;
  margin-right:0;
}
#s2solver {
  width:173px;
  height:23px;
  margin-right:0;
  -webkit-appearance: none;
}
#cpuzz {
  width:85px;
  }
#saveclues {
   width:138px;
   /*height:23px;*/
   margin-right:0;
  -webkit-appearance: none;
  }
#bbdone {
  width:136px;
  margin-right:0;
}  
#blankgrid {
  float:left;
  width:120px;
  margin-right:0;
  margin-bottom:10px;
  }  
#tslvr {
  float:right;
  font-size:0.7em;
  line-height:200%;
  }  
#pickgame {
  width:28px;
  float:none;
  margin-right:0;
  -webkit-appearance: none;
}
#pztxt {
  margin-top:10px;
  font-size:0.7em;
 }  
#kbicon {
  margin:3px auto 0;
  width:32px;
  height:22px;
}
.kbimg {
  background:url(../img/bimg2.png) 0 0;
}  
.kbimgo {
  background:url(../img/bimg2.png) -33px 0;
}  
#newpuzzle {
    clear:both;
	float:left;
	width:100px;
   } 
#pickpuzzle {
    float:right;
   }	
#pickpuzzle p{
	padding:0;
   }
#newpuzzle2 {
    margin: 25px 0 0 0;
	text-align:left;
   } 
#newpuzzle2 p {
    font-size:0.7em;
	padding:0;
   }
#gpuzzle {
   float:left;
   width:120px;
 }   
.flink1 {
    padding:0 18px 0 18px;
	font-size:0.8em;
   }
.bgc1 {
   background-color:#fffaa0;
 }   
.bgc2 {
   background-color:#ff5600;
 }   
#footer p {
    padding:35px 0 0 0;
	}
#footer a{
    text-decoration:none;
    color: #555;
	}
#smalltext {
    clear:both;
    font-size:0.7em;
	margin:0;
    padding: 50px 0 30px 0;
	color:#555;
   }
textarea.i1 {
    overflow:hidden;
    text-align:center;
	background-color:transparent; 
	font-family: Verdana, Helvetica, Courier, Arial, Times ; 
	font-size:1.2em;
	border:0;
	width:100%;
	height:100%;
	cursor:default;
	color:#000000;
	font-weight:normal;
	padding:7px 0 9px 0;
	resize:none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);   
	}
textarea.i1:focus {
    outline:0px none transparent;
	}
textarea.i1o {
    padding: 0 0 26px 0;
	font-size:0.65em;
	text-align:left;
	}
input.puzzleno {
    width:62px;
	font-size:0.7em;
	height:13px;
	line-height:13px;
	margin:7px 3px 0 3px;
   }	
#playtable  {
   float:left;
   margin:0 0 0 5px;
   text-align:center;
   border: 0;
   padding:0; 
	box-shadow: 0 1px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.5);
  }   
div.printtable {
   width:450px; 
   /*height:450px;*/
   text-align: center;
   border:0;
   margin:220px auto 0;
   padding:0;
  } 
div.t1, div.t5  {
    float:left;
    border-left:0px solid #696969;
	border-top:1px solid #696969;
	border-right:1px solid #696969;
	border-bottom:0px solid #696969;
	text-align:center;
	width:37px;
	height:38px;
	background-color:#fffff0;
   }
div.t5 {
   width:18px;
   height:18px;
   font-size:0.8em;
  }
div.rpt1  {
    float:left;
    border-left:0px solid #696969;
	border-top:1px solid #696969;
	border-right:1px solid #696969;
	border-bottom:0px solid #696969;
	text-align:center;
	width:42px;
	height:43px;
	background-color:#fffff0;
   }
div.bt4 {
   border-top:4px solid #696969;
   }
div.bb2 {
   border-bottom:2px solid #696969;
   }
div.bb4 {
   border-bottom:4px solid #696969;
   }   
div.bl2 {
   border-left:2px solid #696969;
   }
div.bl4 {
   border-left:4px solid #696969;
   }
div.br4 {
   border-right:4px solid #696969;
   }
div.bc {
   background-color:#dcdcdc;
   }   
div.t1p {
    float:left;
    border-left:0px solid black;
	border-top:1px solid black;
	border-right:1px solid black;
	border-bottom:0px solid black;
	text-align:center;
	width:46px;
	height:46px;
	font-size:1.5em;
   }
div.t1p p
      {
    padding:8px;
   } 	
.picknumber {
   border:1px solid #886655;
   background-color:#f0f6f0;
   width:37px;
   height:29px;
   margin:0 0 2px 0;
   text-align:center;
   cursor:pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  }
.picknumber p{
   font-family: Verdana, Helvetica, Courier, Arial, Times ; 
   color:#000;
  }
.nmtxt {
  height:18px;
  width:100%;
  text-align:center;
  }
.nmtxt p{
 padding:4px 0 0 0;
 font-size:1.1em;
 font-weight:normal;
}
.nmleft {
   height:11px;
   width:100%;
   text-align:right;
  }
.nmleft p {
   padding: 0 1px 0 0;
   line-height:100%;
   font-size:0.55em; 
   color:#006600;
   font-weight:normal;   
   }
.nopad {
   padding:0;
   margin:0;
  }   
img {
   border-style:none;
   vertical-align:top;
  }	
.shwd {
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.topbutton {
   height:28px;
   padding:0;
   background-color:#efefef;
   border: 1px solid #969696;
   cursor:pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    }
.topbutton p {
   padding:0;
    }   
.igen {
	height:26px;
    line-height:26px;
    margin:5px 5px 0 0 ;
    padding:0;
	text-align:center;
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, Courier;  
    background-color: #efefef;
	color:#333333;
	border: 1px solid #969696;
	cursor:pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    }
.igen3 {
    width:14px;
    height:14px;
    float:left;
    margin-left:6px;
    background-color: #efefef;
	color:#333333;
	border: 1px solid #969696;
	cursor:pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
   }
.igen5 {
   height:21px;
   line-height:21px;
   font-size:0.7em;
   float:left;
    margin:5px 5px 0 0 ;
    padding:0;
	text-align:center;
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, Courier;  
    background-color: #efefef;
	color:#333333;
	border: 1px solid #969696;
	cursor:pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
   } 
.picknumber:hover, .topbutton:hover, .igen:hover, .igen3:hover, .igen5:hover {
  background-color:#f8fbf8;
}   
.igen p, .igen5 p {
  padding:0;
  }