body {margin-left: 0px; margin-top: 0px; padding-left: 0px; padding-top: 0px; background-color: white}
img {border: 0px}
#settings_area, #help_area, .message, input, select, .fauxButton, #controlLegend, messageTd, #content_area, .formButton, #nav_bar, #tagline_area, #timer_area {font-family: "Lucida Sans", Arial, Helvetica; font-size: 10pt}
#content_area, #puzzle_form {margin-left: auto; margin-right: auto; width: 100%; text-align: center}
#nav_bar {position: absolute; top: 0px; right: 0px; margin: 5px}
ul.nav_buttons {list-style-type: none; text-align: center; margin: 5px 0px 0px 0px}
ul.nav_buttons li {margin-left: 5px; margin-right: 5px; float: left}
#tagline_area {margin-left: 5px}
#content_area {margin-top: 0px}
#timer_area {font-size: 12pt; font-weight: bold; height: 20px}
#timer_value {display: inline; vertical-align: top}
#timer_button_area {display: inline; margin-left: 5px}
#puzzle_table, #empty_puzzle_table {margin-left: auto; margin-right: auto}
#settings_area {width: 22%; float: left; padding-bottom: 10px; margin-left: 10px; margin-right: -10px; margin-top: 16pt; text-align: left}
#settings_div {width: 100%}
#puzzle_area {width: 53%; float: left; background: #ffffff; padding-bottom: 10px}
#message_table {border: 0px; width: 100%; padding-bottom: 0px}
.message {width: 100%; text-align: center}
#help_area {width: 22%; float: left; padding-bottom: 10px; margin-top: 16pt; text-align: left}
#help_div {width: 100%}
#help_ads_div {margin-left: 35px}
.talkWrapper {padding-left: 30px}
.talkText {width: 600px; text-align: left}
.titleText {font-size: 12pt; font-weight: bold; margin-bottom: 10px}
.sectionText {font-weight: bold}
.legendKey {font-weight: bold}
.legendDesc {margin-bottom: 5px}
#controlLegend {padding-left: 5px}
.buttonBar {margin-left: auto; margin-right: auto; width: 360px}
.buttonBar td {width: 30%; font-weight: bold; text-align: center}
.fauxButton {font-size: 11pt; cursor: pointer}
a:link, a:visited, a:hover .fauxButton {color: black}
a:hover.fauxButton {text-decoration: underline}
.only_print {display: none}
.textFlashingState {color: red}
table.puzzleTbl {border-collapse: collapse; border: 2px solid black}
table.pencilTbl {border-collapse: collapse; width: 100%}
td.editCell {width: 37px; height: 37px; text-align: center; border: 1px solid #cccccc; font-family: Arial; font-size: 18pt; cursor: pointer}
td.staticCell {width: 37px; height: 37px; text-align: center; border: 1px solid #cccccc; font-family: Arial; font-size: 18pt; cursor: pointer}
div.pmSpace {display: none}
div.pmVal {}
#c30, #c31, #c32, #c33, #c34, #c35, #c36, #c37, #c38, #c60, #c61, #c62, #c63, #c64, #c65, #c66, #c67, #c68, #e30, #e31, #e32, #e33, #e34, #e35, #e36, #e37, #e38, #e60, #e61, #e62, #e63, #e64, #e65, #e66, #e67, #e68 {border-left: 2px solid black}
#c03, #c13, #c23, #c33, #c43, #c53, #c63, #c73, #c83, #c06, #c16, #c26, #c36, #c46, #c56, #c66, #c76, #c86, #e03, #e13, #e23, #e33, #e43, #e53, #e63, #e73, #e83, #e06, #e16, #e26, #e36, #e46, #e56, #e66, #e76, #e86 {border-top: 2px solid black}
.selectedState {background-color: #ccffcc}
.staticHighlightedState {background-color: #d8d8d8}
.lockedState {background-image: url(/images/lock.gif); background-repeat: no-repeat; background-position: center center}
.lockedFlashingState {background-image: url(/images/lock-flash.gif); background-repeat: no-repeat; background-position: center center}
td.pMark {background-color: transparent; text-align: center; font-size: 7pt; line-height: 9px; width: 11px; height: 11px; font-weight: bold}
div.entryVal {width: 37px; height: 33px; text-align: center; line-height: 33px; font-size: 18pt}