html {
	-webkit-text-size-adjust:none;
}
body {
    font-family: Calibri,Helvetica,Garamond, sans-serif;
    background-color: #000;
    margin: 0;
    padding: 0;
    text-align: center;
	overflow:hidden
}
a:visited, a:link, a:hover {
	color: #fff;
	background-color: #000;
	padding: 0 5px;
	border: 1px solid #aaa;
	border-radius: 8px;
	text-decoration: none;
}
a:hover {
	color: #0ff;
}
.flow {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	pointer-events: none;
}
#myCanvas {
	width: 632px;
	height: 632px;
	position: absolute;
	top: 20px;
	left: 15px;
	z-index: 800;
	pointer-events: none;
}

#sixappmain {
	margin: 0;
	padding: 0;
	width: 1004px;
	height: 780px;
	overflow: hidden;
	background-color: #000;
	position: relative;
}
#ifrm {
	position: absolute;
	top: 230px;
	left: 675px;
	width: 315px;
	height: 180px;
	border: solid 1px #666;
}
#clearHint:hover {
	border: 2px solid #93f1ee;
}
#clearHint {
	font-size: 11pt;
	background-color: #aaa;
	position: absolute;
	top: 420px;
	left: 680px;
	background-color:#224c6d;
	color:white;
	border: 2px solid #eee;
	border-radius:8px;
}
#clearHint:hover {
	border: 2px solid #93f1ee;
}
#hintonly {
	font-size: 11pt;
	background-color: #aaa;
	position: absolute;
	top: 420px;
	left: 775px;
	border: 2px solid #eee;
}
#hintonly:hover {
	border: 2px solid #93f1ee;
}
#modalContainer {
	background-color: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	z-index: 50;
	background-image: url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}
#alertBox {
	position: relative;
	width: 347px;
	height: 205px;
	margin: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding-top: 15px;
	font-size: 16pt;
	background-color: #444;
	border-radius: 20px;
	-webkit-box-shadow: 0px 10px 9px 4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 9px 4px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 9px 4px rgba(0,0,0,0.75);
}
#modalContainer > #alertBox {
	position: fixed;
}
#alertBox h1 {
	margin:0;
	font-weight:bold;
    line-height: 0.9em;
	background-color:#3377aa;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}
#alertBox #msgDiv {
    line-height: 1.2em;
    padding: 5px;
    vertical-align: middle;
    margin: 15px 0 15px 0;
    color: #fff;
}
#alertBox a {
	color: #ffff00;
}
#alertBox #closeBtn {
	margin-left:0px;
}
#alertBox #okButton {
    background-image: url(overlay_btn_ok_unpressed.png);
    width: 128px;
    height: 61px;
    border: 0;
    display: inline-block;
    border-radius: 6px;
    margin-right:3px;
}
#alertBox #cancelButton {
    background-image: url(overlay_btn_cancel_unpressed.png);
    width: 128px;
    height: 61px;
    border: 0;
    display:inline-block;
    border-radius:6px;
}
#alertBox #okButton:hover, #alertBox #cancelButton:hover {
    background-color:cyan;
}
.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 45;
    -moz-opacity: 0.8;
    opacity: .60;
    filter: alpha(opacity=80);
}
#sudoku {
	position: fixed;
	width: 1004px; /* premium = 1024px, lite = 995 */
	height: 685px;
	left: 0px; /* premium = 0, lite = 29px */
	top: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
	background-image: url(sudoku_land_back.jpg);
	background-repeat: no-repeat;
}
#sudoku .outertable {
    padding:0;
    table-layout:fixed;
    border-spacing:0;
    border-collapse:separate;
    empty-cells:show;
    width:642px;
    height:640px;
    position:absolute;
    left:53px;
    top:134px;
    text-align:center;
    font-size: 36pt;
    font-weight: bold;
    border: 1px solid #000;
}
#sudoku .kakurotable {
    padding:0;
    table-layout:fixed;
    border-spacing:0;
    border-collapse:separate;
    empty-cells:show;
    width:642px;
    height:646px;
    position:absolute;
    left:53px;
    top:134px;
    text-align:center;
    font-size: 32pt;
    font-weight: bold;
    border: 1px solid #000;
}
#button-container {
	position:relative;
}

#infobox {
	position: absolute;
	top: 20px;
	left: 800px;
	width: 200px;
	color: white;
	font-size: 9pt;
}
.clue {
	font-family:verdana;
	font-size: 10pt;
	font-weight: bold;
	color: black;
	width:24px;
	height:26px;
	text-align:center;
}
.cluer {
    font-family: verdana;
    font-size: 10pt;
    font-weight: bold;
    color: cyan;
    width: 24px;
    height: 26px;
    text-align: center;
}
#sudoku {
    font-family: Helvetica, Arial, sans-serif
}

#sudoku td .notesTable {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	table-layout:fixed;
	width:60px;
	height:58px;
	border:none;
	border-spacing: 0px 0px;
	border-collapse:collapse;
}
#sudoku td .notesTable td {
	padding:0;
	font-size:14px;
	font-weight:normal;
	line-height: 19px;
}
#sudoku .killerclues {
    padding:0;
    font-family: 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    table-layout:fixed;
    border-spacing:0;
    border-collapse:separate;
    empty-cells:show;
    width:642px;
    height:646px;
    position:absolute;
    left:53px;
    top:134px;
    text-align:center;
    font-size: 12pt;
    font-weight: normal;
    border: 1px solid #000;
    z-index:1;
}
#sudoku .killertable {
    padding:0;
    table-layout:fixed;
    border-spacing:0;
    border-collapse:separate;
    empty-cells:show;
    width:642px;
    height:646px;
    position:absolute;
    left:10px;
    top:134px;
    text-align:center;
    font-size: 36pt;
    font-weight: bold;
    border: 1px solid #000;
    z-index:2;
}
#sudoku td .notesTableKiller, #sudoku td .notesTableSudoku {
	margin-left:auto;
	margin-right:auto;
	table-layout:fixed;
	width:55px;
	border:none;
	border-collapse:collapse;
	text-shadow: #226c9c 0px 0px 1px;
}
#sudoku td .notesTableKiller {
    margin-top:10px;
	height:45px;
}
#sudoku td .notesTableSudoku {
	height:55px;
}
#sudoku td .notesTableKiller td {
	padding:0;
	font-size:10pt;
	font-weight:normal;
	line-height: 6px;
}
#sudoku td .notesTableSudoku td {
	padding: 0;
	font-size: 11pt;
	font-weight: normal;
	line-height: 10px;
}

.CellBlack {
	margin: 0;
	padding:0;
	height:67px;
	color: white;
    border: 1px solid #444444;
	background-color: #000;
	text-shadow: #fff 0px 0px 1px;
}
.CellGiven {
	margin: 0;
	padding:0;
	height:69px;
	color: #222222;
	background-color:#fff;
	text-shadow: #fff 0px 2px 2px;
}
.CellGiven1 {
	margin: 0;
	padding:2px;
	height:66px;
	background-color:#ffffcc;
	color: #000;
	text-shadow: #000 0px 0px 1px;
}
.CellGiven2 {
	margin: 0;
	padding:2px;
	height:66px;
	background-color:#ccffcc;
	color: #000;
	text-shadow: #000 0px 0px 1px;
}
.CellGiven3 {
	margin: 0;
	padding:2px;
	height:66px;
	background-color:#ccccff;
	color: #000;
	text-shadow: #000 0px 0px 1px;
}
.CellGiven4 {
	margin: 0;
	padding:2px;
	height:66px;
	background-color:#ffcccc;
	color: #000;
	text-shadow: #000 0px 0px 1px;
}
.CellKakuroWhite {
	margin: 0;
	padding: 0;
	height: 60px;
	color: #226c9c;
	background-color: #fff;
	text-shadow: #000 0px 0px 1px;
}
.CellKakuroBlack {
	margin: 0;
	padding: 0;
	height: 60px;
	color: white;
	border: 1px solid #444444;
	background-color: #000;
}

#sudoku td .notesTableKakuro {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	table-layout:fixed;
	width:60px;
	border:none;
	border-spacing: 0px 0px;
	border-collapse:collapse;
}
#sudoku td .notesTableKakuro td {
	padding:0;
	font-size:14px;
	font-weight:normal;
	line-height: 17px;
}
.CellNormal {
	margin: 0;
	padding:0;
	height:69px;
	color: #226c9c;
	background-color:#fff;
	text-shadow: #000 0px 0px 1px;
}
.CellNormal1, .CellNormal2, .CellNormal3, .CellNormal4 {
	margin: 0;
	padding: 2px;
	height: 66px;
	background-color: #ffffcc;
}
.CellNormal1 {
	background-color:#ffffcc;
}
.CellNormal2 {
	background-color:#ccffcc;
}
.CellNormal3 {
	background-color:#ccccff;
}
.CellNormal4 {
	background-color:#ffcccc;
}
/* Killer Sudoku cells */
.CellTrans {
    background:transparent;
	padding-top: 5px;
	height:11%;
	color: #226c9c;
	text-align:center;
}
.CageClueBW, .CageClue, .CageClueHC {
    margin: 0;
    height: 65px;
    color: #000;
    text-align: left;
    vertical-align: top;
    padding-left: 2px;
    background-color: #fff;
}
.CageClue1 { background-color:#ffc; }
.CageClue2 { background-color:#cfc; }
.CageClue3 { background-color:#ccf; }
.CageClue4 { background-color:#fcc; }
.CageClue5 { background-color:#cdf; }
.CageClueBW1 { background-color: #eee; }
.CageClueBW2 { background-color: #fff; }
.CageClueBW3 { background-color:#ddd; }
.CageClueBW4 { background-color:#ccc; }
.CageClueBW5 { background-color: #bbb; }
.CageClueHC1 { background-color: #cfc; }
.CageClueHC2 { background-color: #ccf; }
.CageClueHC3 { background-color: #fcc; }
.CageClueHC4 { background-color: #ECC85E; }
.CageClueHC5 { background-color: #ffb; }

#sudoku .clueoffsetBW { background-color: #fff; }
#sudoku .clueoffset1 { background-color: #eee; }
#sudoku .clueoffset2 { background-color: #fff; }
#sudoku .clueoffset3 { background-color: #ddd; }
#sudoku .clueoffset4 { background-color: #ccc; }
#sudoku .clueoffset5 { background-color: #ccddff; }

.fshON, .fshOFF, .fshGrn, .fshBlu, fshGry { color: #000; }

.fsh
{
	color: #ff0000;
	background-color: #FFFF00;
}
.fshON { 	background-color: #77ff77; }
.fshOFF {	background-color: #ff7777; }
.fshGrn { 	background-color: #77ff77; }
.fshBlu { 	background-color: #9999ff; }
.fshGry {
	color: #000;
	background-color: #ffffdd;
	border:1px dashed #444444;
}

.fsh0,.fsh1,.fsh2,.fsh3,.fsh4,.fsh5,.fsh6,.fsh7,.fsh8,
.hsh0,.hsh1,.hsh2,.hsh3,.hsh4,.hsh5,.hsh6,.hsh7,.hsh8 {
	color: #000;
	font-size: 8pt;
}
.fsh0 { background-color: #ff7600; }
.fsh1 { background-color: #ffA900; }
.fsh2 { background-color: #8CB32D; }
.fsh3 { background-color: #84E900; }
.fsh4 { background-color: #00AB6F; }
.fsh5 { background-color: #01939A; }
.fsh6 { background-color: #6C8AD5; }
.fsh7 { background-color: #8E6ED7; }
.fsh8 { background-color: #D660DC; }
.hsh0 { border: 1px solid #ff7600; }
.hsh1 { border: 1px solid #ffA900; }
.hsh2 { border: 1px solid #8CB32D; }
.hsh3 { border: 1px solid #84E900; }
.hsh4 { border: 1px solid #00AB6F; }
.hsh5 { border: 1px solid #01939A; }
.hsh6 { border: 1px solid #6C8AD5; }
.hsh7 { border: 1px solid #8E6ED7; }
.hsh8 { border: 1px solid #D660DC; }

.fshBlack {
	color: #000;
}

.CellSudoku {
	text-align: center;
	color: #226c9c;
	vertical-align: middle;
}
.SudokuClue {
	color: #000;
}

#sudoku .clueoffsetBW, #sudoku .clueoffset1, #sudoku .clueoffset2, #sudoku .clueoffset3, #sudoku .clueoffset4, #sudoku .clueoffset5 {
    position: relative;
    top: -5px;
    left: -5px;
}

.CellSelectKiller {
    -moz-box-shadow: inset 0 0 10px 1px #559;
    -webkit-box-shadow: inset 0 0 10px 1px #559;
    box-shadow: inset 0 0 10px 1px #559;
}
.CellSelectKillerNotes {
    -moz-box-shadow: inset 0 0 10px 1px #b55;
    -webkit-box-shadow: inset 0 0 10px 1px #b55;
    box-shadow: inset 0 0 10px 1px #b55;
}
.CellSelect {
	margin: 0;
	padding:2px;
	color: #0060ff;
    /*background-color: rgba(0,0,0,0.5);*/
	background-color:#ddd7c8;
    -moz-box-shadow: inset 0 0 5px 1px #888;
    -webkit-box-shadow: inset 0 0 5px 1px #888;
    box-shadow: inset 0 0 5px 1px #888;
	text-shadow: #000 0px 0px 1px;
}
.CellError {
	color: red;
}
#numberList {
	position:fixed;
	padding: 0;
	margin: 0;
	list-style-type:none;
	position:absolute;
	left:24px;
	top:803px;
}
#numberList li {
	padding: 0px;
	margin: 0;
	width:77px;
	height:70px;
	border:none;
	overflow:hidden;
	float:left;
}
#numberList li#btn1 {
	background:url(sudoku_portB.png) -24px -803px;
}
#numberList li#btn2 {
	background:url(sudoku_portB.png) -101px -803px;
}
#numberList li#btn3 {
	background:url(sudoku_portB.png) -178px -803px;
}
#numberList li#btn4 {
	background:url(sudoku_portB.png) -255px -803px;
}
#numberList li#btn5 {
	background:url(sudoku_portB.png) -332px -803px;
}
#numberList li#btn6 {
	background:url(sudoku_portB.png) -409px -803px;
}
#numberList li#btn7 {
	background:url(sudoku_portB.png) -486px -803px;
}
#numberList li#btn8 {
	background:url(sudoku_portB.png) -563px -803px;
}
#numberList li#btn9 {
	background:url(sudoku_portB.png) -640px -803px;
}
#puztitle {
	position:fixed;
	height: 50px;
	width:180px;
	top:10px;
	left:42px;
}
#btn_new,
#btn_grade1,
#btn_grade2,
#btn_grade3,
#btn_grade4,
#btn_menu {
	position: fixed;
	height: 70px;
	width: 70px;
}

#btn_new {
	background:url(sudoku_portB.png) -275px -21px;
	height: 75px;
	width:75px;
	top:9px;  /* premium version = 9px, lite version = 58 */
	left:275px;
}
#btn_grade1 {
	background:url(sudoku_portB.png) -429px -21px;
	top:9px;  /* premium version = 9, lite version = 58 */
	left:428px;
}
#btn_grade2 {
	background:url(sudoku_portB.png) -501px -21px;
	top:9px;  /* premium version = 9, lite version = 58 */
	left:501px;
}
#btn_grade3 {
	background:url(sudoku_portB.png) -573px -21px;
	top:9px;  /* premium version = 9, lite version = 58 */
	left:573px;
}
#btn_grade4 {
	background:url(sudoku_portB.png) -646px -21px;
	top:9px;  /* premium version = 9, lite version = 58 */
	left:646px;
}

.btnFaint {
	background:url(new_depressed.png);
	opacity: 0.5;
}
.btnDown {
	opacity: 0.4;
}
.btnDownNum {
	opacity: 0.6;
}
.btnNormal {
	opacity: 1.0;
}
.copyr {
	font-size: 8pt;
	color: #888;
	text-align: left;
	vertical-align: bottom;
	font-weight: normal;
	background-color: transparent;
	position: fixed;
	left: 15px; /* premium = 43px, lite = 67px */
	top: 748px;
}
#puzzlenum {
	position:fixed;
	margin:0;
	padding:0;
	overflow:hidden;
    font-size: 11pt;
	color: #fff;
	font-weight:normal;
}
#btn_restart {
	background:url(sudoku_portB.png) -23px -885px;
	background-repeat:no-repeat;
	position:fixed;
	width:112px;
	height:66px;
	left:23px;
	top:885px;
	margin:0;
}
#btn_pause {
	background:url(sudoku_portB.png) -139px -885px;
	background-repeat:no-repeat;
	position:fixed;
	width:94px;
	height:66px;
	left:139px;
	top:885px;
	margin:0;
}
#btn_undo {
	background:url(sudoku_portB.png) -237px -885px;
	background-repeat:no-repeat;
	position:fixed;
	width:100px;
	height:66px;
	left: 237px;
	top: 885px;
}
#btn_redo {
	background:url(sudoku_portB.png) -341px -885px;
	background-repeat:no-repeat;
	position:fixed;
	width:100px;
	height:66px;
	left: 341px;
	top: 885px;
}
#btn_check {
	background:url(sudoku_portB.png) -446px -885px;
	background-repeat:no-repeat;
	position:fixed;
	width:91px;
	height:66px;
	left:446px;
	top:885px;
	margin:0;
}
#btn_help {
	background:url(sudoku_portB.png) -541px -885px;
	background-repeat:no-repeat;
	position:fixed;
	width:77px;
	height:66px;
	left:541px;
	top:885px;
	margin:0;
}
#btn_notes {
	background:url(sudoku_portB.png) -626px -885px;
	background-repeat:no-repeat;
	position:fixed;
	margin:0;
}


/* Landscape */
#chkPrefill {
	position: fixed;
	top: 20px;
	left: 788px;
}
#chkAutoClear {
	position: fixed;
	top: 20px;
	left: 938px;
}
#tristate {
    position: fixed;
    top: 665px;
    left: 538px;
    background-color: #000;
    border: 2px solid #555;
    color: #aaa;
    font-size:9pt;
}
#tristate option {
    color: #aaa;
}
#labPrefill {
    position: fixed;
    top: 20px;
    left: 715px;
    color: #aaa;
    font-size: 10pt;
}
#labAutoClear {
	position: fixed;
	top: 20px;
	left: 836px;
	color: #aaa;
	font-size: 10pt;
}

#theTimer {
	position: fixed;
	font-size: 10pt;
	font-weight: bold;
	color:#ccffff;
	text-align:right;
	top:495px;
	left:875px;
    user-select: none;
    cursor:default;
    pointer-events: none;
}
.somewhere {
	position: absolute;
	left:610px;
	top:650px;
}

#sudoku .outertable {
    padding:0;
    table-layout:fixed;
    border-collapse:separate;
    empty-cells:show;
    position:absolute;
    top:15px;
    left:38px; /* premium = 38, lite = 67 */
}
#sudoku .killerclues {
    padding:0;
    table-layout:fixed;
    border-collapse:separate;
    empty-cells:show;
    position:absolute;
    top:15px;
    left:10px;
}
#sudoku .killertable {
    padding:0;
    table-layout:fixed;
    border-collapse:separate;
    empty-cells:show;
    position:absolute;
    top:15px;
    left:10px;
}
#numberList {
	position:fixed;
    width:900px;
    left: 10px;
    top: 668px;
	height:80px;
}
#numberList li {
	width: 77px;
	height: 70px;
}
#numberList li#btn1 {
	background: url(sudoku_portB.png) -24px -803px;
}
#numberList li#btn2 {
	background: url(sudoku_portB.png) -101px -803px;
}
#numberList li#btn3 {
	background: url(sudoku_portB.png) -178px -803px;
}
#numberList li#btn4 {
	background: url(sudoku_portB.png) -255px -803px;
}
#numberList li#btn5 {
	background: url(sudoku_portB.png) -332px -803px;
}
#numberList li#btn6 {
	background: url(sudoku_portB.png) -409px -803px;
}
#numberList li#btn7 {
	background: url(sudoku_portB.png) -486px -803px;
}
#numberList li#btn8 {
	background: url(sudoku_portB.png) -563px -803px;
}
#numberList li#btn9 {
	background: url(sudoku_portB.png) -640px -803px;
}
#numberList li#btn1:hover {
	background: url(sudoku_portB_hover.png) -24px -803px;
}
#numberList li#btn2:hover {
	background: url(sudoku_portB_hover.png) -101px -803px;
}
#numberList li#btn3:hover {
	background: url(sudoku_portB_hover.png) -178px -803px;
}
#numberList li#btn4:hover {
	background: url(sudoku_portB_hover.png) -255px -803px;
}
#numberList li#btn5:hover {
	background: url(sudoku_portB_hover.png) -332px -803px;
}
#numberList li#btn6:hover {
	background: url(sudoku_portB_hover.png) -409px -803px;
}
#numberList li#btn7:hover {
	background: url(sudoku_portB_hover.png) -486px -803px;
}
#numberList li#btn8:hover {
	background: url(sudoku_portB_hover.png) -563px -803px;
}
#numberList li#btn9:hover {
	background: url(sudoku_portB_hover.png) -640px -803px;
}
#puztitle {
	top:10px;
	left:640px;
}
#btn_grade1 {
	background:url(sudoku_land2.png) -724px -165px;
	top:120px;
	left:676px;
}
#btn_grade2 {
	background:url(sudoku_land2.png) -795px -165px;
	top:120px;
	left:747px;
}
#btn_grade3 {
	background:url(sudoku_land2.png) -868px -165px;
	top:120px;
	left:820px;
}
#btn_grade4 {
	background:url(sudoku_land2.png) -940px -165px;
	top:120px;
	left:892px;
}
#btn_grade1:hover {
    background: url(sudoku_land2_hover.png) -724px -165px;
}
#btn_grade2:hover {
    background: url(sudoku_land2_hover.png) -795px -165px;
}
#btn_grade3:hover {
    background: url(sudoku_land2_hover.png) -868px -165px;
}
#btn_grade4:hover {
    background: url(sudoku_land2_hover.png) -940px -165px;
}
#btn_print {
    background: url(sudoku_land2.png) -646px -165px;
    position: fixed;
    height: 70px;
    width: 75px;
    top: 48px;
    left: 747px;
    opacity:1;
}
#btn_print:hover {
    background: url(sudoku_land2_hover.png) -646px -165px;
    opacity: 1;
}
#btn_solver {
	background: url(sudoku_land2.png) -647px -252px;
	position: fixed;
	height: 70px;
	width: 75px;
	top: 46px;
	left: 820px;
	opacity: 1;
}
#btn_solver:hover {
    background: url(sudoku_land2_hover.png) -647px -252px;
    opacity: 1;
}
#btn_menu {
	background: url(sudoku_land2.png) -940px -84px;
	position: fixed;
	height: 70px;
	width: 75px;
	top: 46px;
	left: 891px;
	opacity: 1;
}
#btn_menu:hover {
	background: url(sudoku_land2_hover.png) -940px -84px;
	opacity: 1;
}
#btn_new {
	background:url(sudoku_land2.png) -862px -84px;
	height: 70px;
	width:75px;
	top:47px;
	left:673px;
}
#btn_new:hover {
    background: url(sudoku_land2_hover.png) -862px -84px;
}
#puzzlenum {
	width:300px;
	left:670px;
	top:200px;
    font-size: 12pt;
}
#btn_notes {
	background:url(sudoku_land2.png) -725px -470px;
	width:139px;
	height:64px;
	left:677px;
	top:458px;
}
#btn_pause {
	background:url(sudoku_land2.png) -870px -470px;
	width:141px;
	height:63px;
	top:458px;
	left:822px;
}
#btn_undo {
	background:url(sudoku_land2.png) -725px -538px;
	width:139px;
	height:65px;
	top:526px;
	left:677px;
}
#btn_redo {
	background:url(sudoku_land2.png) -870px -538px;
	width:141px;
	height:65px;
	top:526px;
	left:822px;
}
#btn_check {
	background:url(sudoku_land2.png) -725px -607px;
	width:139px;
	height:65px;
	top:595px;
	left:677px;
}
#btn_restart {
	background:url(sudoku_land2.png) -724px -84px;
	width:140px;
	height:65px;
	top:595px;
	left:822px;
}
#btn_notes, #btn_pause, #btn_undo, #btn_redo, #btn_check, #btn_print {
    transition: 0.3s ease;
}
#btn_notes:hover {
    background: url(sudoku_land2_hover.png) -725px -470px;
}
#btn_pause:hover {
    background: url(sudoku_land2_hover.png) -870px -470px;
}
#btn_undo:hover {
    background: url(sudoku_land2_hover.png) -725px -538px;
}
#btn_redo:hover {
    background: url(sudoku_land2_hover.png) -870px -538px;
}
#btn_check:hover {
    background: url(sudoku_land2_hover.png) -725px -607px;
}
#btn_restart:hover {
    background: url(sudoku_land2_hover.png) -724px -84px;
}
#btn_notes:hover, #btn_pause:hover, #btn_undo:hover, #btn_redo:hover, #btn_check:hover, #btn_restart:hover {
    transition: 0.3s ease;
}
.top-box {
    box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
}
.left-box {
    box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.4);
}
.right-box {
    box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.4);
}
.bottom-box {
    box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.4);
}
#btnKillCook {
    width: 16px;
    height: 16px;
    background: url(minus.gif);
    position: fixed;
    top: 745px;
    left: 230px;
}
.InnerK {
    font-family: 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 12pt;
    color: black;
    text-align: left;
    vertical-align: top;
    padding: 3px;
}
#btnBannerKIL_SP {
	display: none;
}
.coordy, .coordx {
	position:absolute;
	color: #ddd;
	background-color:#000;
	font-size: 10pt;
	font-family: 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

/*
@media all and (orientation:portrait) {

	#btnBannerKIL_SP {
		position: fixed;
		display: block;
		height: 118px;
		width: 256px;
		top: 10px;
		left: 0px;
		pointer-events: none;
	}
	#sudoku {
		margin: 0;
		padding: 0;
		width: 748px;
		height: 958px;
		overflow: hidden;
		text-align: center;
		background-image: url(sudoku_port_back.jpg);
	}
	#sudoku .killerclues {
		top: 140px;
		left: 50px;
	}
	#sudoku .killertable {
		top: 140px;
		left: 50px;
	}
	#sixappmain {
		width: 768px;
		height: 960px;
	}
	#myCanvas {
		top: 146px;
		left: 54px;
	}

	#puzzlenum {
		left: 220px;
		top: 103px;
	}
	#sp_mypuzzle {
		position: relative;
		margin: 0;
		padding: 0;
		top: 20px;
		width: 748px;
		height: 978px;
		background-image: url(sudoku_port_back.jpg);
	}
	.copyr {
		left: 277px;
		top: 781px; 
	}
	#theTimer {
		position: fixed;
		font-size: 8pt;
		font-weight: bold;
		color: #ccffff;
		left: 158px;
		top: 921px;
	}
	.somewhere {
		position: absolute;
		left: 520px;
		top: 90px;
	}	.somewhere {
		position: absolute;
		left: 520px;
		top: 90px;
	}
	#chkPrefill {
		position: fixed;
		left: 200px;
		top: 6px;
	}
	#chkAutoClear {
		position: fixed;
		left: 350px;
		top: 6px;
	}
	#sp_mypuzzle .outertable {
		padding: 0;
		table-layout: fixed;
		border-collapse: separate;
		empty-cells: show;
		position: absolute;
		top: 15px;
		left: 38px;
	}
	#sp_mypuzzle .killerclues {
		padding: 0;
		table-layout: fixed;
		border-collapse: separate;
		empty-cells: show;
		position: absolute;
		top: 150px;
		left: 38px;
	}
	#sp_mypuzzle .killertable {
		padding: 0;
		table-layout: fixed;
		border-collapse: separate;
		empty-cells: show;
		position: absolute;
		top: 150px;
		left: 38px;
	}
	#sp_mypuzzle .kakurotable {
		padding: 0;
		table-layout: fixed;
		border-collapse: separate;
		empty-cells: show;
		position: absolute;
		top: 15px;
		left: 38px;
	}

	.copyr {
		left: 50px; 
		top: 788px;
	}

	#numberList {
		position: fixed;
		width: 700px;
		left: 24px;
		top: 803px;
		height: 70px;
	}

		#numberList li {
			width: 77px;
			height: 70px;
		}

			#numberList li#btn1 {
				background: url(sudoku_portB.png) -24px -803px;
			}
			#numberList li#btn2 {
				background: url(sudoku_portB.png) -101px -803px;
			}
			#numberList li#btn3 {
				background: url(sudoku_portB.png) -178px -803px;
			}
			#numberList li#btn4 {
				background: url(sudoku_portB.png) -255px -803px;
			}
			#numberList li#btn5 {
				background: url(sudoku_portB.png) -332px -803px;
			}
			#numberList li#btn6 {
				background: url(sudoku_portB.png) -409px -803px;
			}
			#numberList li#btn7 {
				background: url(sudoku_portB.png) -486px -803px;
			}
			#numberList li#btn8 {
				background: url(sudoku_portB.png) -563px -803px;
			}
			#numberList li#btn9 {
				background: url(sudoku_portB.png) -640px -803px;
			}
			#numberList li#btn1:hover {
				background: url(sudoku_portB_hover.png) -24px -803px;
			}
			#numberList li#btn2:hover {
				background: url(sudoku_portB_hover.png) -101px -803px;
			}
			#numberList li#btn3:hover {
				background: url(sudoku_portB_hover.png) -178px -803px;
			}
			#numberList li#btn4:hover {
				background: url(sudoku_portB_hover.png) -255px -803px;
			}
			#numberList li#btn5:hover {
				background: url(sudoku_portB_hover.png) -332px -803px;
			}
			#numberList li#btn6:hover {
				background: url(sudoku_portB_hover.png) -409px -803px;
			}
			#numberList li#btn7:hover {
				background: url(sudoku_portB_hover.png) -486px -803px;
			}
			#numberList li#btn8:hover {
				background: url(sudoku_portB_hover.png) -563px -803px;
			}
			#numberList li#btn9:hover {
				background: url(sudoku_portB_hover.png) -640px -803px;
			}

	#puztitle {
		top: 10px;
		left: 640px;
	}
	#btn_new {
		background: url(sudoku_portB.png) -275px -21px;
		position: fixed;
		height: 75px;
		width: 75px;
		top: 29px; 
		left: 275px;
	}

	#btn_menu {
		background: url(sudoku_portB.png) -352px -21px;
		position: fixed;
		height: 75px;
		width: 75px;
		top: 29px; 
		left: 352px;
	}
	#btn_grade1 {
		background: url(sudoku_portB.png) -429px -21px;
		height: 70px;
		width: 70px;
		top: 29px; 
		left: 428px;
	}

	#btn_grade2 {
		background: url(sudoku_portB.png) -501px -21px;
		height: 70px;
		width: 70px;
		top: 29px; 
		left: 501px;
	}

	#btn_grade3 {
		background: url(sudoku_portB.png) -573px -21px;
		height: 70px;
		width: 70px;
		top: 29px;
		left: 573px;
	}

	#btn_grade4 {
		background: url(sudoku_portB.png) -646px -21px;
		height: 70px;
		width: 70px;
		top: 29px; 
		left: 646px;
	}

	#btn_solver {
		background: url(sudoku_portB.png) -200px -28px;
		width: 66px;
		height: 66px;
		left: 23px;
		top: 885px;
		opacity: 1;
	}
	#btn_solver:hover {
		background: url(sudoku_portB_hover.png) -200px -28px;
		opacity: 1;
	}
	#btn_restart {
		background: url(sudoku_portB.png) -23px -885px;
		background-repeat: no-repeat;
		position: fixed;
		width: 112px;
		height: 66px;
		left: 93px;
		top: 885px;
		margin: 0;
	}
	#btn_print {
		display: none;
	}
	#btn_pause {
		background: url(sudoku_portB.png) -139px -885px;
		background-repeat: no-repeat;
		position: fixed;
		width: 94px;
		height: 66px;
		left: 209px;
		top: 885px;
		margin: 0;
	}

	#btn_undo {
		background: url(sudoku_portB.png) -237px -885px;
		background-repeat: no-repeat;
		position: fixed;
		width: 100px;
		height: 66px;
		left: 307px;
		top: 885px;
	}

	#btn_redo {
		background: url(sudoku_portB.png) -341px -885px;
		background-repeat: no-repeat;
		position: fixed;
		width: 100px;
		height: 66px;
		left: 411px;
		top: 885px;
	}

	#btn_check {
		background: url(sudoku_portB.png) -446px -885px;
		background-repeat: no-repeat;
		position: fixed;
		width: 91px;
		height: 66px;
		left: 515px;
		top: 885px;
		margin: 0;
	}

	#btn_notes {
		background: url(sudoku_portB.png) -626px -885px;
		background-repeat: no-repeat;
		position: fixed;
		width: 110px;
		height: 59px;
		left: 610px;
		top: 885px;
		margin: 0;
	}
	#btn_restart:hover {
		background: url(sudoku_portB_hover.png) -23px -885px;
	}
	#btn_notes:hover {
		background: url(sudoku_portB_hover.png) -626px -885px;
		opacity:1;
	}
	#btn_pause:hover {
		background: url(sudoku_portB_hover.png) -139px -885px;
		opacity: 1;
	}
	#btn_undo:hover {
		background: url(sudoku_portB_hover.png) -237px -885px;
		opacity: 1;
	}
	#btn_redo:hover {
		background: url(sudoku_portB_hover.png) -341px -885px;
		opacity: 1;
	}
	#btn_check:hover {
		background: url(sudoku_portB_hover.png) -446px -885px;
		opacity: 1;
	}
	#labPrefill {
		top: 7px;
		left: 131px;
	}
	#labAutoClear {
		top: 7px;
		left: 255px;
	}
	#tristate {
		top: 112px;
		left: 577px;
	}
	#btnKillCook {
		top: 10px;
		left: 10px;
	}
} */